上学之四

2019-09-06 06:14 来源:未知

add(expr)

把与表达式相配的成分增加到jQuery对象中。那一个函数能够用来连接分别与三个表达式相配的要素结果集。


Adds more elements, matched by the given expression, to the set of matched elements.

返回值

jQuery

参数

expr (String, DOMElement, Array<DOMElement>) : 用于相称成分并加上的表达式字符串,恐怕用于动态变化的HTML代码,假使是二个字符串数组则赶回八个因素

示例

增进贰个新因素到一组相配的要素中,而且那几个新因素能协作给定的表达式。

HTML 代码:

<p>Hello</p><span>Hello Again</span>

jQuery 代码:

$("p").add("span")

结果:

[ <p>Hello</p>, <span>Hello Again</span> ]


动态变化三个成分并增多至相配的元素中

HTML 代码:

<p>Hello</p>

jQuery 代码:

$("p").add("<span>Again</span>")

结果:

[ <p>Hello</p>, <span>Hello Again</span> ]


为合作的成分增多一个要么多少个因素

HTML 代码:

<p>Hello</p><p><span id="a">Hello Again</span></p>

jQuery 代码:

$("p").add(document.getElementById("a"))

结果:

[ <p>Hello</p>, <p><span id="a">Hello Again</span></p>, <span id="a">Hello Again</span> ]


children([expr])

得到一个分包相配的成分集结中每二个因素的具备子成分的因素会集。

能够由此可选的表明式来过滤所相称的子成分。注意:parents()将寻觅全部祖辈成分,而children()之思考子元素而不驰念全部后代成分。


Get a set of elements containing all of the unique children of each of the matched set of elements.

This set can be filtered with an optional expression that will cause only elements matching the selector to be collected. Also note: while parents() will look at all ancestors, children() will only consider immediate child elements.

返回值

jQuery

参数

expr (String) : (可选) 用以过滤子成分的表达式

示例

检索DIV中的每一个子成分。

HTML 代码:

<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>

jQuery 代码:

$("div").children()

结果:

[ <span>Hello Again</span> ]


在每个div中查找 .selected 的类。

HTML 代码:

<div><span>Hello</span><p class="selected">Hello Again</p><p>And Again</p></div>

jQuery 代码:

$("div").children(".selected")

结果:

[ <p class="selected">Hello Again</p> ]


contents()

探求相称成分内部有着的子节点(包罗文件节点)。假使成分是一个iframe,则查找文书档案内容


Find all the child nodes inside the matched elements (including text nodes), or the content document, if the element is an iframe.

返回值

jQuery

示例

查找全数文件节点并加粗

HTML 代码:

<p>Hello <a href=";, how are you doing?</p>

jQuery 代码:

$("p").contents().not("[@nodeType=1]").wrap("<b/>");

结果:

<p><b>Hello</b> <a href=";, <b>how are you doing?</b></p>


往贰个空框架中加些内容

HTML 代码:

<iframe src="/index-blank.html" width="300" height="100"></iframe>

jQuery 代码:

$("iframe").contents().find("body")   .append("I'm in an iframe!");


find(expr)

搜索全体与钦点表明式相称的要素。那几个函数是搜索正在管理的成分的子孙成分的好格局。

不无寻找都依赖jQuery表达式来完结。那些表明式能够应用CSS1-3的挑选器语法来写。


Searches for all elements that match the specified expression. This method is a good way to find additional descendant elements with which to process.

All searching is done using a jQuery expression. The expression can be written using CSS 1-3 Selector syntax.

返回值

jQuery

参数

expr (String) :用于查找的表达式

示例

从持有的段子开首,进一步索求上边的span成分。与$("p span")同样。

HTML 代码:

<p><span>Hello</span>, how are you?</p>

jQuery 代码:

$("p").find("span")

结果:

[ <span>Hello</span> ]


next([expr])

得到贰个带有相称的成分集结中每八个成分紧邻的末端同辈成分的因素集结。

这一个函数只回去前面那多少个紧邻的同辈成分,并非末端全体的同辈成分(可以利用nextAll)。能够用贰个可选的表达式实行筛选。


Get a set of elements containing the unique next siblings of each of the matched set of elements.

It only returns the very next sibling for each element, not all next siblings (nor does it return the next closest sibling). You may provide an optional expression to filter the match.

返回值

jQuery

参数

expr (String) : (可选) 用于筛选的表达式

示例

找到各个段落的前面紧邻的同辈成分。

HTML 代码:

<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>

jQuery 代码:

$("p").next()

结果:

[ <p>Hello Again</p>, <div><span>And Again</span></div> ]


找到每种段落的末尾紧邻的同辈元素中类名称为selected的要素。

HTML 代码:

<p>Hello</p><p class="selected">Hello Again</p><div><span>And Again</span></div>

jQuery 代码:

$("p").next(".selected")

结果:

[ <p class="selected">Hello Again</p> ]


nextAll([expr])

招来当前成分之后的具备因素。

能够用表明式过滤


Find all sibling elements after the current element.

Use an optional expression to filter the matched set.

返回值

jQuery

参数

expr (String) : (可选)用来过滤的表明式

示例

给第贰个div之后的兼具因素加个类

HTML 代码:

<div></div><div></div><div></div><div></div>

jQuery 代码:

$("div:first").nextAll().addClass("after");

结果:

[ <div class="after"></div>, <div class="after"></div>, <div class="after"></div> ]


parent([expr])

获得一个包括着全数相配成分的独一父成分的成分集结。

你能够行使可选的表明式来筛选。


Get a set of elements containing the unique parents of the matched set of elements.

You may use an optional expression to filter the set of parent elements that will match.

返回值

jQuery

参数

expr (String) : (可选)用来筛选的表明式

示例

追寻每一种段落的父成分

HTML 代码:

<div><p>Hello</p><p>Hello</p></div>

jQuery 代码:

$("p").parent()

结果:

[ <div><p>Hello</p><p>Hello</p></div> </body> ]


查究段落的父成分中各类类名字为selected的父成分。

HTML 代码:

<div><p>Hello</p></div><div class="selected"><p>Hello Again</p></div>

jQuery 代码:

$("p").parent(".selected")

结果:

[ <div class="selected"><p>Hello Again</p></div> ]


parents([expr])

赢得三个带有着具有匹配成分的祖辈成分的要素集合(不带有根成分)。能够经过贰个可选的表明式进行筛选。


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 代码:

<html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>

jQuery 代码:

$("span").parents()

找到每一个span的全部是p成分的古代人成分。

jQuery 代码:

$("span").parents("p")


prev([expr])

获取壹个分包相称的成分集结中每八个因素紧邻的前一个同辈成分的因素集结。

可以用二个可选的表达式实行筛选。唯有周围的同辈成分会被相称到,实际不是眼下全数的同辈成分。


Get a set of elements containing the unique previous siblings of each of the matched set of elements.

Use an optional expression to filter the matched set. Only the immediately previous sibling is returned, not all previous siblings.

返回值

jQuery

参数

expr (String) : (可选) 用于筛选前三个同辈成分的表明式

示例

找到种种段落紧邻的前贰个同辈成分。

HTML 代码:

<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>

jQuery 代码:

$("p").prev()

结果:

[ <div><span>Hello Again</span></div> ]


找到每个段落紧邻的前三个同辈成分中类名称为selected的因素。

HTML 代码:

<div><span>Hello</span></div><p class="selected">Hello Again</p><p>And Again</p>

jQuery 代码:

$("p").prev(".selected")

结果:

[ <p class="selected">Hello Again</p> ]


prevAll([expr])

寻找当前成分从前全体的同辈成分

能够用表明式过滤。


Find all sibling elements before the current element.

Use an optional expression to filter the matched set.

返回值

jQuery

参数

expr (String) : (可选) 用于过滤的说明式

示例

给最终三个以前的持有div加上多少个类

HTML 代码:

<div></div><div></div><div></div><div></div>

jQuery 代码:

$("div:last").prevAll().addClass("before");

结果:

[ <div class="before"></div>, <div class="before"></div>, <div class="before"></div> ]


siblings([expr])

获取多个暗含相称的成分集合中每二个元素的具有独一齐辈成分的因素集合。能够用可选的表明式进行筛选。


Get a set of elements containing all of the unique siblings of each of the matched set of elements. Can be filtered with an optional expressions.

返回值

jQuery

参数

expr (String) : (可选) 用于筛选同辈成分的表明式

示例

找到每一个div的持有同辈成分。

HTML 代码:

<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>

jQuery 代码:

$("div").siblings()

结果:

[ <p>Hello</p>, <p>And Again</p> ]


找到种种div的有着同辈成分中包涵类名称为selected的要素。

HTML 代码:

<div><span>Hello</span></div><p class="selected">Hello Again</p><p>And Again</p>

jQuery 代码:

$("p").siblings(".selected")

结果:

[ <p class="selected">Hello Again</p> ]

andSelf()

投入先前所选的投入当前元素中

对此筛选或探究后的要素,要步入先前所选成分时将会很有用。


Add the previous selection to the current selection.

Useful for traversing elements, and then adding something that was matched before the last traversion.

返回值

jQuery

示例

接纳全部div以及中间的p,并加上border类

HTML 代码:

<div><p>First Paragraph</p><p>Second Paragraph</p></div>

jQuery 代码:

$("div").find("p").andSelf().addClass("border");

结果:

<div class="border"><p class="border">First Paragraph</p><p class="border">Second Paragraph</p></div>


end()

回去这段日子的一个"破坏性"操作以前。即,将十二分的成分列表变为前一回的情景。

一旦此前未有破坏性操作,则赶回叁个空集。所谓的"破坏性"就是指任何变动所相称的jQuery成分的操作。那富含在 Traversing 中任何重返叁个jQuery对象的函数--'add', 'andSelf', 'children', 'filter', 'find', 'map', 'next', 'nextAll', 'not', 'parent', 'parents', 'prev', 'prevAll', 'siblings' and 'slice'--再加多 Manipulation 中的 'clone'。


Revert the most recent 'destructive' operation, changing the set of matched elements to its previous state (right before the destructive operation).

If there was no destructive operation before, an empty set is returned. A 'destructive' operation is any operation that changes the set of matched jQuery elements, which means any Traversing function that returns a jQuery object - including 'add', 'andSelf', 'children', 'filter', 'find', 'map', 'next', 'nextAll', 'not', 'parent', 'parents', 'prev', 'prevAll', 'siblings' and slice - plus the 'clone' function (from Manipulation).

返回值

jQuery

示例

选拔全数的p成分,查找并精选span子成分,然后再回过来挑选p成分

HTML 代码:

<p><span>Hello</span>,how are you?</p>

jQuery 代码:

$("p").find("span").end()

结果:

[ <p><span>Hello</span> how are you?</p> ]

) 把与表明式相配的要素增添到jQuery对象中。那一个函数能够用于连接分别与四个表明式相称的因素结果集。 Adds more elements, matched by...

TAG标签:
版权声明:本文由990888藏宝阁发布于前端代码,转载请注明出处:上学之四