一.节点的操作 1.查找节点： var $var_1=$("htmltype"); //这句话就是获取所有htmltype节点 如：var $ul_1=$("ul"); 2.创建并追加节点： var $var_1=$("<htmltype>");//这句话是创建一个节点 $("htmltype2").append($var_1) ; //这句话是把节点插入所有htmltype2节点中 例子：var $li_1=$("<li title="title1">香蕉</li>"); $("ul").append($li_1); 其中插入方法有以下几种： append() 把B追加到A内部（所有的A元素，以下类似） appendTo() 把A追加到B内部 prepend() 把B追加到A内部的内容前 prependTo() 把A追加到B的内容前 after() 在A后追加B insertAfter() 在A前追加B before() 在A前追加B insertBefore()在A后追加B 例子：$("ul").append("<li>你好</li>");//在ul内部追加li $("<li>你好</li>").appendTo("ul");//在ul内部追加li 3.删除节点 remove() 删除该元素 empty() 清空节点，包括后代节点 例子：$("ul li:eq[1]").remove(); //获取ul中的第二个li并删除 $("ul li").remove(“li[title="菠萝"]”);//删除ul中li元素属性title="菠萝"的元素 4.复制节点 clone();//复制本节点 例子：$("ul li:eq[1]").clone().appenTo("ul");//复制并追加到ul中，只复制是不会显示出来的 5.替换节点 replaceWith();//将B替换所有A replaceAll();//将A替换所有B 6.包裹节点 warpAll();//用B包裹A warpInner();//用B包裹A的内容 二.属性操作 1.获取和设置属性 var $var_1=$("p");//这句话是获取节点P var $p_1=$var_1.attr("title");//获取节点P的title属性 var $p_2=$var_1.attr("title","你好");//设置节点P的title属性为"你好" 2.删除属性 $("p").removeAttr("title");//删除节点P的Title属性 三.样式操作 1.获取和设置样式 var $var_class=$("p").attr("class");//获取节点P的class属性 $("p").attr("class","class1");设置节点P的class属性为样式表类class1 2.追加样式 addClass() 添加样式到A 例子：$("p").addClass("another");添加样式表类another类到P 3.移除样式 removeClass() 移除类 4.切换样式 toggleClass() 切换clss属性类为新的类 5.判断某个样式是否存在 hasClass() 四.内容的操作 html() 该方法获取html元素的内容，如：var var1=$("p").html();//获取P元素内的内容 text() 获取或设置某个html元素的内容 val() 获取元素的Value值 children() 获取html元素的所有子节点 next() 获取html元素后紧邻的同辈节点 prev() 获取html元素前紧邻的同辈节点 siblings() 获取html元素前后紧邻的同辈节点  五.CSS-DOM技术 css("属性"，"值") 设置元素css某个属性的值，如：$("p").css("color","red");//设置P的css属性{color:red;}

　　推荐阅读

　　有关js的变量作用域和this指针的讨论

一、变量作用域：[P71] 这一句话说的非常精辟：“在ECMAScript中，只有两种执行环境，全局环境和函数环境，每个函数都是一个执行环境，包括嵌套函数。换句话说，其他情况下即使变量声明在一对大括号中，在括号外部>>>详细阅读

本文标题：jQuery学习笔记之jQuery的DOM操作

地址：http://www.17bianji.com/kaifa2/JS/25191.html

 1/2    1