juqery 学习之四 筛选过滤

2020-05-23 06:26:19易采站长站整理


not(expr)
删除与指定表达式匹配的元素

Removes elements matching the specified expression from the set of matched elements.
返回值

jQuery


参数

expr (String, DOMElement, Array<DOMElement>) : 一个表达式、一个元素或者一组元素


示例

从p元素中删除带有 select 的ID的元素


HTML 代码:


<p>Hello</p><p id=”selected”>Hello Again</p>

jQuery 代码:


$(“p”).not( $(“#selected”)[0] )

结果:


[ <p>Hello</p> ] ————————————————————————————————————————-

slice(start,[end])

选取一个匹配的子集
与原来的slice方法类似


Selects a subset of the matched elements.
Behaves exactly like the built-in Array slice method.
返回值

jQuery


参数

start (Integer) :开始选取子集的位置。第一个元素是0.如果是负数,则可以从集合的尾部开始选起。


end (Integer) : (可选) 结束选取自己的位置,如果不指定,则就是本身的结尾。


示例

选择第一个p元素


HTML 代码:


<p>Hello</p><p>cruel</p><p>World</p>

jQuery 代码:


$(“p”).slice(0, 1).wrapInner(“<b></b>”);

结果:


[ <p><b>Hello</b></p> ]

选择前两个p元素


HTML 代码:


<p>Hello</p><p>cruel</p><p>World</p>

jQuery 代码:


$(“p”).slice(0, 2).wrapInner(“<b></b>”);

结果:


[ <p><b>Hello</b></p>,<p><b>cruel</b></p> ]

只选取第二个p元素


HTML 代码:


<p>Hello</p><p>cruel</p><p>World</p>

jQuery 代码:


$(“p”).slice(1, 2).wrapInner(“<b></b>”);

结果:


[ <p><b>cruel</b></p> ]

只选取第二第三个p元素