jQuery
expr (String, DOMElement, Array
添加一个新元素到一组匹配的元素中,并且这个新元素能匹配给定的表达式。
HTML 代码:
Hello
Hello AgainjQuery 代码:
$("p").add("span")结果:
[Hello
, Hello Again ]动态生成一个元素并添加至匹配的元素中
HTML 代码:
Hello
jQuery 代码:
$("p").add("Again")结果:
[Hello
, Hello Again ]为匹配的元素添加一个或者多个元素
HTML 代码:
Hello
Hello Again
jQuery 代码:
$("p").add(document.getElementById("a"))结果:
[Hello
,Hello Again
, Hello Again ]----------------------------------------------------------------------------------------------------------------
jQuery
expr (String) : (可选) 用以过滤子元素的表达式
查找DIV中的每个子元素。
HTML 代码:
Hello
Hello AgainAnd Again
jQuery 代码:
$("div").children()结果:
[ Hello Again ]在每个div中查找 .selected 的类。
HTML 代码:
HelloHello Again
And Again
jQuery 代码:
$("div").children(".selected")结果:
[Hello Again
]----------------------------------------------------------------------------------------------------------------
jQuery
查找所有文本节点并加粗
HTML 代码:
Hello John, how are you doing?
jQuery 代码:
$("p").contents().not("[@nodeType=1]").wrap("");结果:
Hello John, how are you doing?
往一个空框架中加些内容
HTML 代码:
jQuery 代码:
$("iframe").contents().find("body") .append("I'm in an iframe!");----------------------------------------------------------------------------------------------------------------
jQuery
expr (String) :用于查找的表达式
从所有的段落开始,进一步搜索下面的span元素。与$("p span")相同。
HTML 代码:
Hello, how are you?
jQuery 代码:
$("p").find("span")结果:
[ Hello ]----------------------------------------------------------------------------------------------------------------
jQuery
expr (String) : (可选) 用于筛选的表达式
找到每个段落的后面紧邻的同辈元素。
HTML 代码:
Hello
Hello Again
And AgainjQuery 代码:
$("p").next()结果:
[Hello Again
, And Again ]找到每个段落的后面紧邻的同辈元素中类名为selected的元素。
HTML 代码:
Hello
Hello Again
And AgainjQuery 代码:
$("p").next(".selected")结果:
[Hello Again
]----------------------------------------------------------------------------------------------------------------
jQuery
expr (String) : (可选)用来过滤的表达式
给第一个div之后的所有元素加个类
HTML 代码:
jQuery 代码:
$("div:first").nextAll().addClass("after");结果:
[ , , ]----------------------------------------------------------------------------------------------------------------
jQuery
expr (String) : (可选)用来筛选的表达式
查找每个段落的父元素
HTML 代码:
Hello
Hello
jQuery 代码:
$("p").parent()结果:
[Hello
Hello
]
查找段落的父元素中每个类名为selected的父元素。
HTML 代码:
Hello
Hello Again
jQuery 代码:
$("p").parent(".selected")
结果:
[
Hello Again
]
----------------------------------------------------------------------------------------------------------------
取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
Get a set of elements containing the unique ancestors of the matched set of elements (except for the root element). The matched elements can be filtered with an optional expression.
jQuery
expr (String) : (可选) 用于筛选祖先元素的表达式
找到每个span元素的所有祖先元素。
HTML 代码:
Hello
Hello Again