jquery笔记:筛选 eq,first,last,filter,is,has, not, children,closest, nextUntil,parents,parentsUntil.....

    xiaoxiao2021-03-26  26

    eq(index|-index)

    获取当前链式操作中第N个jQuery对象,返回jQuery对象,当参数大于等于0时为正向选取,比如0代表第一个,1代表第二个。当参数为负数时为反向选取,比如-1为倒数第一个

    index Integer V1.1.2

    一个整数,指示元素基于0的位置,这个元素的位置是从0算起。

    -index Integer V1.4

    一个整数,指示元素的位置,从集合中的最后一个元素开始倒数。(-1算起)

    $("p").eq(1)

    first()

    $('li').first()

    last()

    $('li').last()

    filter(expr|obj|ele|fn)

    筛选出与指定表达式匹配的元素集合。

    这个方法用于缩小匹配的范围。用逗号分隔多个表达式

    expr StringV1.0

    字符串值,包含供匹配当前元素集合的选择器表达式。

    jQuery object objectV1.0

    现有的jQuery对象,以匹配当前的元素。

    element  ExpressionV1.4

    一个用于匹配元素的DOM元素。

    function(index) FunctionV1.4

    一个函数用来作为测试元素的集合。它接受一个参数index,这是元素在jQuery集合的索引。在函数, this指的是当前的DOM元素。

    $("p").filter(".selected") $("p").filter(".selected, :first") $("p").filter(function(index) { return $("ol", this).length == 0; });

    is(expr|obj|ele|fn)

    根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。

    如果没有元素符合,或者表达式无效,都返回'false'。 '''注意:'''在jQuery 1.3中才对所有表达式提供了支持。在先前版本中,如果提供了复杂的表达式,比如层级选择器(比如 + , ~ 和 > ),始终会返回true

    expr StringV1.0

    字符串值,包含供匹配当前元素集合的选择器表达式。

    jQuery object objectV1.6

    现有的jQuery对象,以匹配当前的元素。

    element  ExpressionV1.6

    一个用于匹配元素的DOM元素。

    function(index) FunctionV1.6

    一个函数用来作为测试元素的集合。它接受一个参数index,这是元素在jQuery集合的索引。在函数, this指的是当前的DOM元素。

    $("input[type='checkbox']").parent().is("form")

    has(expr|ele)

    保留包含特定后代的元素,去掉那些不含有指定后代的元素。

    .has()方法将会从给定的jQuery对象中重新创建一组匹配的对象。提供的选择器会一一测试原先那些对象的后代,含有匹配后代的对象将得以保留。

    $('li').has('ul').css('background-color', 'red');

    not(expr|ele|fn)

    从匹配元素的集合中删除与指定表达式匹配的元素

    $("p").not( $("#selected")[0] ) 从p元素中删除带有 select 的ID的元素

    children([expr])

    取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。

    可以通过可选的表达式来过滤所匹配的子元素。注意:parents()将查找所有祖辈元素,而children()只考虑子元素而不考虑所有后代元素。

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

    closest(expr|object|element)

    closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身。如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。

    $("li:first").closest(["ul", "body"]);

    nextUntil([exp|ele][,fil])

    $('#term-2').nextUntil('dt').css('background-color', 'red');

    parents([expr])

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

    parentsUntil([expr|element][,filter])

    $('li.item-a').parentsUntil('.level-1') .css('background-color', 'red');

    prevUntil([exp|ele][,fil])

    siblings([expr])

    取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选。

    add(expr|ele|html|obj[,con])

    把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集。

    $("p").add("span") 添加一个新元素到一组匹配的元素中,并且这个新元素能匹配给定的表达式。

    contents()

    查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容

    转载请注明原文地址: https://ju.6miu.com/read-661794.html

    最新回复(0)