jquery基础学习之DOM篇（二）

【jquery基础学习之DOM篇（二）】的更多相关文章

jquery基础学习之DOM篇（二）

在此之前请牢记,jquery 是一个合集对象!!!! 1.节点创建 js创建方法: 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild jq创建方法: 前三项可以合并成一个,直接向$()括号中加入要设置的html结构及内容, 然后append()添加到某个容器中 let div=$('jq创建'); $(body).append(div) 2.节点插入方法向元素内部添加 append() 与…

jQuery基础修炼圣典—DOM篇（二）jQuery遍历

1.children()方法 jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法.这里需要注意:.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈,这里可以理解为就是父亲-儿子的关系) 理解节点查找关系: <div class="div"> <ul class="son"> <li class="grandson">1…

jQuery基础学习2——DOM和jQuery对象

<body> <h3>例子</h3> <p title="选择你最喜欢的水果." >你最喜欢的水果是?</p> <ul> <li id="apple">苹果</li> <li>橘子</li> <li>菠萝</li> </ul> </body> 可以通过JavaScript中的getElementsBy…

jQuery基础修炼圣典—DOM篇（一）

一.DOM节点的创建 1.创建节点及节点属性通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作.但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了. 试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了本文向大家介绍一下如何使用JavaScript创建div节点元素,主要包括创建div节点元素的属性和创建div节点元素的样式两大部分内容,相信本文介绍一定会让你有所收获. 先介绍下需要用到的浏览…

jquery基础学习之事件篇（三）

一.鼠标事件 click 单击与 dbclick 双击用于监听用户的点击操作,在同一元素上同时绑定 click 和 dblclick 事件是不可取的...根据浏览器支持不同一个点击事件是由mousedown和mouseup组成点击事件可接受两个参数,第一个为数据,第二个参数为回调函数,数据就是用来给回调函数传参的 $('.div1').click({x:'background',y:'black'},function (e) {console.log(e.data); //{x: "back…

jquery基础学习之样式篇（一）

一.安装与使用官网下载,然后引入 <script src="js/jquery-3.3.1.js"></script>,这是生产版本,开发版本替换成min的那个二.转换 jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素, jq转dom转换 console.log( $('div')[0]);//选出来的是dom元素 console.log( $('div').get(0));//选出来的是dom元素 dom转jq通过$(dom)方法将普通的…

jquery基础学习之动画篇（四）

一,动画效果 hide() show() 隐藏与显示 hide(options) 隐藏对应display:none,有参数就会变成动画, $(document).click(function () { // $('.div1').hide('slow');//慢速隐藏 })hide(speed,callback) toggle() 切换隐藏与显示 $(document).click(function () { $('.div1').hide('slow',function () { conso…

jquery基础学习之AJAX篇（五）

理解不深,只知道这么用 jquery 中ajax的请求方法 $.ajax({ url:‘http://...’, //请求网址 type:'GET', //请求方法 success:function(data){}//成功后的回调函数,这个data就是拿到的数据 }) 跨域获取数据 ,jsonp方式跨域,只要规定 dataType:'jsonp'即可 $.ajax({ url:`https://api.douban.com/v2/book/search?q=历史`, type:'GET', da…

JQuery基础学习总结

JQuery基础学习总结简单总结下JQuery: 一:事件 1.change事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="../js/jquery-3.0.0.…

【总结整理】JQuery基础学习---DOM篇

前言: 先介绍下需要用到的浏览器提供的一些原生的方法(这里不处理低版本的IE兼容问题) 创建流程比较简单,大体如下: 创建节点(常见的:元素.属性和文本) 添加节点的一些属性加入到文档中流程中涉及的一点方法: 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild 如右边代码所示,写一个最简单的元素创建,我们会发现几个问题: 每一个元素节点都必须单独创建节点是属性需要单独设置,而且设置的接口…