jquery 中DOM操作的常用 方法、属性

1.复制节点：clone()         <在clone()方法中传递一个参数true,它的含义是复制元素的同时复制元素中所绑定的事件，即该元素的副本也同样具有复制功能。> 如：            $("ul li").click(function(){   $(this).clone().appendTo("ul"); });/  $("ul li").click(function(){   $(this).clone(true).appendTo("ul"); });

 

2.替换节点：replaceWith() 和 replaceAll()     replaceWith() 方法的作用是将所有匹配的元素都替换成指定的HTML或者DOM元素。

如：$('p').replaceWith('<strong>你最不喜欢的东西是？</strong>');   即把所有 匹配p元素替换成“<strong>你最不喜欢的东西是？</strong>”。

     replaceAll()与replaceWith()方法的作用相同，只是颠倒了replaceWith()操作。如：$('<strong>你最不喜欢的东西是？</strong>').replaceAll('p');    即用“<strong>你最不喜欢的东西是？</strong>”替换所有匹配的p元素。

 注意 ：如果在替换 之前，已经为元素绑定了事件，替换 后原先绑定的事件将会与被 替换的元素一起消失，需要在新元素上绑定事件。

 

3.包裹节点：wrap() 方法对于需要在文档中额外的结构化标记非常有用，而且它不会破坏原始文档的语义,(此方法是对所匹配的元素分别进行单独的包裹 )。如$("strong").wrap("<b></b>")   //用<b>标签 把<strong>元素包裹起来  -----><b><strong >你最喜欢的水果是什么？</strong></b> 。

    wrapAll() 方法将所有匹配的元素用一个元素 来包裹。

    wrapInner() 方法将每一个匹配的元素的子内容（包括 文本节点）用其他 结构化的标记包裹起来。如：$("strong").wrapInner("<b></b>") -----><strong ><b>你最喜欢的水果是什么？</b></strong>

 

4.removeAttr() 方法用来删除元素的属性。如：$("p").removeAttr("title");

 

5.toggleClass() 方法控制样式上的重复切换。如：<p  class='a b c'>abc</p>  $('p').toggleClass("b"); 则p元素的样式会在class="a b c" 与class="a c"之间重复切换。

 

6.hasClass() 用来判断元素中是否含有某个class,如果有，则返回true,否则返回false。

7. defaultValue  属性包含该 单元的初始值。 

 

8.val()   在jQuery中，val()方法是从最后一个选项往前读取，如果选项的value或者text中任意一项符合就会被选中，例如：<option value="选择2号">选择1号</option><option value="选择1号">选择2号</option> ，无论使用val("选择1号"),还是 val("选择2号")，都会选中后面一个<option value="选择1号">选择2号</option> 。  可以 用val()方法来设置select、checkbox、radio 的选中项，当选中项为多项时，以数组的形式赋值，如：$('#multiple').val(["选择1号","选择2号"]);

 

9.children() 用于取得匹配元素的子元素集合。children()方法只考虑子元素而不考虑任何后代元素。

10.next() 用于取得匹配元素后面紧邻的同辈元素。

 

11.prev() 用于取得匹配元素前面紧邻的同辈元素。

12.siblings() 用于取得匹配元素前后所有的同辈元素。

13.css() 用于获取或设置元素的样式属性。也可以 同时设置多个样式属性，如：$("p").css({"fontSize":"30px","backgroundColor":"#888888"});