欢迎来到天天文库
浏览记录
ID:40848362
大小:323.00 KB
页数:22页
时间:2019-08-08
《JQuery-第03章DOM操作》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、jQuery基础教程第三章jQuery中的DOM操作DOM操作分类jQuery中的DOM操作查找节点创建节点插入、删除、复制和替换节点包裹节点属性操作样式操作设置和获取HTML文本和值遍历节点CSS-DOM操作案例研究1、DOM操作的分类DOMCoreDOMCore并不属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它JavaScript中的getElementById()等方法都是DOMCore的组成部分HTML-DOM提供了一些更简明的记号来描述各种HTML元素的属性如:document.formsele
2、ment.srcCSS-DOM针对CSS的操作主要作用是获取和设置style对象的各种属性如:element.style.color="red";2、jQuery中的DOM操作作为JavaScript库,jQuery继承并发扬JavaScript对DOM对象的操作特性开发人员能方便的操作DOM对象查找节点使用选择器查找节点查找元素节点var$li=$("ulli:eq(1)");//获取
3、();//获取第2个
节点varp_txt=$para.attr("title");//获取
节点属性title的值attr()方法的参数可以是一个,也可以是两个。当参数是一个时,则返回该属性的值,如果是两个则修改给定属性的值。创建节点创建元素节点$("html代码")//创建以一个DOM对象并封装成为一个jQuery对象返回动态创建的新元素不会被自动添加到文档中,需使用方法将其插入文档中:append()创建文本节点创建元素节点时添加文本内容
4、创建属性节点创建元素节点时一起创建var$li_1=$("
5、//"雪梨"为创建的文本节点$("ul").append($li_1);//添加到
6、节点中,使之能在网页中显示$("ul").append($li_2);//可以链式写法$("ul").append($li_1).append($li_2);插入节点$(A).append(B)将B追加到A的内容后$(A).appendTo(B)将A追加到B的内容后$(A).prepend(B)将B追加到A的内容前(B在A里面)$(A).prependTo(B)将A追加到B的内容前(A在B里面)$(A).after(B)将B插入到A后(B在A外面)$(A).insertAfter(B)将A插入到B后(A在B外面)$(A).bef
7、ore(B)将B插入到A前(B在A外面)$(A).insertBefore(B)将A插入到B前(A在B外面)删除节点(1)remove()从DOM中删除匹配的元素删除后,该节点所包含的所有后代节点将同时被删除返回已被删除的节点的引用可以传递参数来选择性的删除元素如:$("ulli").remove("li[title=雪梨]");//将
8、除返回已被删除的节点的引用可以传递参数来选择性的删除元素如:$("ulli").remove("li[title=雪梨]");//将
此文档下载收益归作者所有