初学jquery之自学笔记(4)
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>");