jQuery之DOM操作大全Word格式.docx

1、,title:jQuery换了一张图片）;通过绑定方法设置元素的属性：attr（key,function（index）,function（） Math.floor（Math.random（）+.jpg ）;删除元素的属性：removeAttr（name） （）.removeAttr（titlejQuery内容操作获取元素的HTML内容：html（）设置元素的HTML内容：html（value）获取元素的文本内容：text（）设置元素的文本内容：text（value）text（）与html（）获取到的内容有什么区别呢？text（）获取只获取文本，当该元素下有html代码时会被自动去除。如对于代码

2、：p测试文本/div#div1）.text（）;获取到的是：测试文本而$（）.html（）; 获取到的是：对于设置而言:）.html（ 实际在浏览器显示的是：。也就是说，会被浏览器解释。）.text（ 实际在浏览器显示得是：也会当做文本显示出来。jQuery value操作获取value：val（）#input1）.val（）;设置value:val（value）.val（确认提交jQuery css操作jQuery设置单一CSS样式语法：css（name,value） ）.css（background-colorblue生成的代码为 style=background-color:blue;）

3、.css（ :red,color:wihte生成的代码为red;color:white/注意一次过设置多个CSS样式时有-横线的css要用双引号括起来jQuery追加CSS类别语法:addClass（class） 注意它还会保留原有的CSS类别）.addClass（css1生成的代码为 class=生成的样式会被浏览器解释显示。若继续执行:css2css1 css2jQuery切换类别语法：当元素已含有同名称的className的CSS类别时，删除该类别。如果没有则增加一个该名称的类别。toggleClass（className） toggleClass对于参数className的样式有则删除

4、，无则添加。例子1:）.toggleClass（css_1当再次执行同样的代码$（例子2：再执行：css_2css_1 css_2注意此处不是将css_1替换为css_2再执行$（jQuery删除类别语法:removeClass（class） 可以删除1个 多个 或 全部删除有这样一段代码 class=执行 $（）.removeClass（执行后的代码为: ）执行后的代码为 执行$（）.removeClass（）;执行后的代码为jQuery创建节点jQuery创建节点语法：$（html）divjQuery创建的节点/span）.append（dom）;/注意仅仅创建是无效的，必须要插入到页面内

5、部才会生效。执行后的结果为: jQuery插入节点内部插入节点：append（content） content表示追加到目标的内容原有代码:）.append（jQuery插入节点生成的代码为：此处插入的是新建的节点。如果是将页面上原有的节点append（）会怎么样呢？例子2: 原有代码:第一个DIV1div2span id=span1DIV2里的span1）.append（$（#span1）;后的代码为:注意到:实际上相当于把第二个div里的span移到第一个div里面了。appendTo（content） content表示被追加元素（一般是已经存在页面上的元素） 原有代码 一个P元素）.a

6、ppendTo（$（我是div2里的span1执行：append（function（index,html） 将一个function函数作为append方法的参数;原有代码 执行:）.append（getHtml（）;function getHtml（） return jQuery通过调用函数生成了我!;执行后的代码为：该方法常用于动态生成html再追加到页面元素中此外插入节点的方法还有：prepend（content）prepend（function（index,html）prependTo（content）这三个方法的使用与append的三个方法大致一样。主要区别是prepend在插入的时候

7、是插入到原有内容的前面，而append是插入到原有内容的后面。原有代码：原有内容）.prepend（prepend插入的节点append追加的节点之后代码为：外部插入节点：after（content）after（function）before（content）before（function）after before与append prepend的区别是，插入的时候，after与before与被插入元素是兄弟关系，而append和prepend与被插入元素是父子关系。例子:原有代码 我是原有的P元素执行代码：我是prepend函数插入的p元素我是append函数插入的p元素）.after（div id=div3我是after函数插入的div元素）.before（div2我是before插入的div元素执行后的实际代码为：我是原有的p元素div3外部插入节点方法2insertAfter（content）insertBefore（content）有如下代码div id=