|
所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。 test: <p><span>Hello</span>, how are you?</p> example: $("p").find("span"); result:<span>Hello</span> (4):next([expr]) return :jquery explain: 取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。 这个函数只返回后面那个紧邻的同辈元素，而不是后面所有的同辈元素（可以使用nextAll）。可以用一个可选的表达式进行筛选。 test: <p><span>Hello</span><a>h1</a></p>; example: $(“span”).next(); result:<a>h1</a>;
(5):nextAll([expr]) return:jQuery explain:查找当前元素之后所有的同辈元素。 test:<div>h1</div><div>h2</div><div>h3</div>; example: $(“div:first”).nextAll(); result:<div>h2<div>,<div>h3</div>;:
(6):offsetParent()
return :jQuery explain: 返回第一个匹配元素用于定位的父节点。 这返回父元素中第一个其position设为relative或者absolute的元素。此方法仅对可见元素有效。
(7):parent([expr])
return:jQuery explain: 取得一个包含着所有匹配元素的唯一父元素的元素集合。 你可以使用可选的表达式来筛选。 test: <div><p>Hello</p><p>Hello</p></div> example: $(“p”).parent(); result:<div><p>Hello</p><p>Hello</p></div>;
(8):parents([expr])
return:jquery; explain:取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。 test: <body><div><p><span>Hello</span></p><span>Hello Again</span></div></body> example:$(“span”).parents(“p”); result:<p><span><Hello></span></p>
(9):prev([expr]) return:jquery explain: 取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。 可以用一个可选的表达式进行筛选。只有紧邻的同辈元素会被匹配到，而不是前面所有的同辈元素。 test: <div><span>Hello Again</span></div><p>And Again</p> example: $(“p”).prev(); result:<div><span>Hello Again</span></div>;
(9):prevAll([expr]) return:jQuery explain: 查找当前元素之前所有的同辈元素; test: <div></div><div></div><div></div><div></div> example: $(“div:last”).prevAll(); result:<div></div><div></div><div></div>
(10):siblings([expr]) return :jquery explain: 取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。 test: <p>Hello</p><div><span>Hello Again</span></div><p>And Again</p> example:$("div").siblings() result: [ <p>Hello</p>, <p>And Again</p> ]
3:过滤函数：(1):eq(insex); return:jQuery explain:获取第N个元素.这个元素的位置是从0算起。 test:<p> This is just a test.</p> <p> So is this</p> example:$(“p”).eq(1); result:<p> So is this</p>
(2):filter(expr) return:jQuery explain: 筛选出与指定表达式匹配的元素集合。 这个方法用于缩小匹配的范围。用逗号分隔多个表达式 test: <p>Hello</p><p>Hello Again</p><p class="selected">And Again</p> example: $("p").filter(".selected"); result: <p class="selected">And Again</p>
(3):filter(fn) return:jquery explain: 筛选出与指定函数返回值匹配的元素集合 test: <p><ol><li>Hello</li></ol></p><p>How are you?</p> example: $("p").filter(function(index) { result: <p>How are you?</p>
(责任编辑：admin) |