86.把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集。
$("p").add("span');
$("p").add("<span>Ajax</span>");
87.取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。
可以通过可选的表达式来过滤所匹配的子元素。注意:parents()将查找所有祖辈元素,而children()之考虑子元素而不考虑所有后代元素
。
$("div").children();
88.查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容
$("p").contents().not("[nodeType=1]").wrap("<b/>");
89.搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。
$("p").find("span");
90.取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。
这个函数只返回后面那个紧邻的同辈元素,而不是后面所有的同辈元素(可以使用nextAll)。可以用一个可选的表达式进行筛选。
$("p").next();
$("p").next(".selected")
91.查找当前元素之后所有的同辈元素。可以用表达式过滤
$("div:first").nextAll().addClass("after");
92.取得一个包含着所有匹配元素的唯一父元素的元素集合。
你可以使用可选的表达式来筛选。
$("p").parent();
$("p").parent(".selected")
93.取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
$("span").parents();
$("span").parents("p");
94.取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。
可以用一个可选的表达式进行筛选。只有紧邻的同辈元素会被匹配到,而不是前面所有的同辈元素。
$("p").prev();
$("p").prev(".selected")
95.查找当前元素之前所有的同辈元素可以用表达式过滤。
$("div:last").prevAll().addClass("before");
96.取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选。
$("div").siblings();
$("div").siblings(".selected")
97.加入先前所选的加入当前元素中
对于筛选或查找后的元素,要加入先前所选元素时将会很有用。
$("div").find("p").andSelf().addClass("border");
98.向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。
$("p").append("<b>Hello</b>");
99.把所有匹配的元素追加到另一个、指定的元素元素集合中。
实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。
$("p").appendTo("#foo");
100.向每个匹配的元素内部前置内容。这是向所有匹配元素内部的开始处插入内容的最佳方式。
$("p").prepend("<b>Hello</b>");
$("p").prepend( $(".foo")[0] );
$("p").prepend( $("b") );
101.把所有匹配的元素前置到另一个、指定的元素元素集合中。
实际上,使用这个方法是颠倒了常规的$(A).prepend(B)的操作,即不是把B前置到A中,而是把A前置到B中。
$("p").prependTo("#foo");
102.在每个匹配的元素之后插入内容。
$("p").after("<b>Hello</b>");
103.在每个匹配的元素之前插入内容。
$("p").before("<b>Hello</b>");
104.把所有匹配的元素插入到另一个、指定的元素元素集合的后面。
实际上,使用这个方法是颠倒了常规的$(A).after(B)的操作,即不是把B插入到A后面,而是把A插入到B后面。
$("p").insertAfter("#foo");
105.把所有匹配的元素插入到另一个、指定的元素元素集合的前面。
实际上,使用这个方法是颠倒了常规的$(A).before(B)的操作,即不是把B插入到A前面,而是把A插入到B前面。
$("p").insertBefore("#foo");
106.把所有匹配的元素用其他元素的结构化标记包装起来。
$("p").wrap(document.getElementById('content'));
107.把所有匹配的元素用其他元素的结构化标记包裹起来。
这种包装对于在文档中插入额外的结构化标记最有用,而且它不会破坏原始文档的语义品质。
这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包裹元素。
当HTML标记代码中的元素包含文本时无法使用这个函数。因此,如果要添加文本应该在包裹完成之后再行添加。
$("p").wrap("<div class='wrap'></div>");
108.将所有匹配的元素用单个元素包裹起来这与 '.wrap()' 是不同的,'.wrap()'为每一个匹配的元素都包裹一次。
$("p").wrapAll(document.createElement("div"));
109.将每一个匹配的元素的子内容(包括文本节点)用DOM元素包裹起来
$("p").wrapInner(document.createElement("b"));
110.将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来
这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包装元素。
$("p").wrapInner("<b></b>");
分享到:
相关推荐
本人学习jQuery 后做的一个总结,简单 明了。 对初学jQuery者是一个很好的帮助。 另 附 jQuery 的中文 Api 是初学者最理想的教材
FPGA自学笔记——设计与验证公开版;十分适合初学者使用
资源名称:STM32自学笔记内容简介:《STM32自学笔记》以新颖的思路、简单的逻辑、简洁的语言来阐述作者初遇STM32以来的种种认识,书中多处内容都是由作者从STM32初学时的实践中总结而来。《STM32自学笔记》主要介绍...
JQuery十个适合初学者实例--对初学Jquery的朋友来说还是不错了,通过实例学习,当初我自己就是通过这个学习了Juery,希望对你也有用处。JQuery第一课-tab标签页、JQuery第二课-多张图的无缝滚动、JQuery第三课-图片...
小梅哥FPGA自学笔记,小梅哥写的很好,很适合FPGA初学者的学习 小梅哥FPGA自学笔记,小梅哥写的很好,很适合FPGA初学者的学习
ruby初学笔记ruby初学笔记ruby初学笔记ruby初学笔记ruby初学笔记
javascript笔记,适合初学者,亲手写的,希望能帮到大家,内附常见正则表达式,jquery的chm,都是平时比较用的到的东西。
作者本人上传的光盘资料,请放心下载,原理图请用Protel 99se及更高的版本打开,源程序我使用的是IAR3.42A这个版本,您在使用中可能会遇到不兼容的问题,请在您使用的版本中...本书适合于初学者,如果配合书效果更佳
AVR单片机自学教程,通俗易懂,语言风趣幽默,助你在单片机的世界里遨游,尤其适合初学者使用。
这本单片机自学笔记非常适合初学者 里面配有大量实例 供读者学习 掌握
stm32自学笔记随书资料,包括基础实验、进阶应用以及综合性实验,非常适合初学者学习。
AS400初学者自学笔记整理,AS400初学者学习笔记
jquery 实例 初学者 jquery 实例 初学者 jquery 实例 初学者 jquery 实例 初学者 jquery 实例 初学者 jquery 实例 初学者
本书知识点的介绍和软件使用步骤描述详尽,适合零基础的学者;代码注释非常详尽,适合初学者学习,便于理解程序设计思想。
Ajax初学笔记 ============ Ajax 自学 初学笔记 对入门非常有帮助
轻松学习Jquery!锋利的jquery图书是学习jquery的好助手!
jquery入门教程,适合初学者,内容详细
详细介绍了MSP430系列单片机,适合初学者
Android初学者最原始的自学笔记