zoukankan      html  css  js  c++  java
  • 丰富的jquery选择器

    今天抽时间看了下jq,里面的选择器还是很丰富的,下面分别来对他进行分类下:

    1)首先是基本的选择器,可选择标签 ,样式,id,通配符4种属性的,

    eg:$(div)  是选择dom文档下所有的div元素,$(.class) 是选择所有dom文档下的所有样式为class的元素,id则必须通过$(#id)这种方式来使用,通配符是指 * ,能匹配所有的元素。

    2)组合选择器,就是通过各种方法选择的元素组合在一起,返回一个数组元素,各个选择器以,号分隔。

    3)层级选择器:

    $(“ancestor descendant”):在给定的祖先元素下匹配所有的后代元素,即子孙元素,例如:$(“div span.num”);

    $(“parent > child”):在给定的父元素下匹配所有的子元素,不包括子元素的子元素,例如:$(“div>span”);
    $(“prev + next”):匹配所有紧接在 prev 元素后的 next 元素,即第一个跟着的兄弟元素,例如:$(“p+span”);
    $(“prev ~ siblings”):匹配 prev 元素之后的所有 siblings 元素,即一群跟着它的兄弟元素(当然也有可能是一个兄弟元素,那就和$(“prev + next”)等价了),例如:$(“p~span”); 

    4)过滤选择器:

    :animated:匹配所有正在执行动画效果的元素集合;
    :eq(index):匹配索引为 index 的一个元素,例如:$(“div:eq(0)”)//第一个div;
    :even:匹配索引为偶数(双数)的元素集合,例如:$(“div:even”);
      :odd:匹配索引为奇数(单数)的元素集合,例如:$(“div:odd”);
    :first:匹配找到的第一个元素,等价于:eq(0),例如:$(“div:first”);
    :gt(index) :匹配索引大于 index 的 元素集合,例如:$(“div:gt(0)”)//除了第一个div外的所以div;
    :lt(index):匹配索引小于于 index 的 元素集合,例如:$(“div:lt(0)”);
    :header:匹配h1-h6的所有 元素集合;
    :last:匹配找到的最后一个元素,例如:$(“div:last”)//最后一个div;

    :not(selector):去除所有与给定选择器匹配的元素,例如:$(“input:not(:checked)”)//除了被选中的所有input

    [name=value] 属性选择器,选择所有属性为name,值为value的元素

    [name^=value]属性选择器,选择所有属性为name,值为value的开头元素

    [name$=value] 属性选择器,选择所有属性为name,值为value的结尾元素

    [name~=value]属性选择器,选择所有属性为name,值为空格分隔包含value元素

    [name*=value] 属性选择器,选择所有属性为name,值为包含value元素

    :button 选择所有button的元素

    :checkbox 选择所有为checkbox的元素

    :checked 选择所有勾选的元素

    :contains(text)选择所有包含指定文本的元素

    :disabled,:enabled 选择所有可用和不可用的元素

    :empty 选择没有子元素的节点,包括文本节点

    5)子元素选择器

    :first-child :匹配每个父元素的第一个子元素,相当于E:nth-child(0),例如:$(“ul li:first-child”);
    :last-child :匹配每个父元素的最后一个子元素,例如:$(“ul li: last -child”);
    :nth-child(index/even/odd/equation):匹配每一个父元素的第N个子或奇偶元素,例如:$(“ul li:nth-child(2)”);
    :only-child :如果某个元素是父元素中唯一的子元素,那将会被匹配$(“ul li:only-child”);

  • 相关阅读:
    Codeforces 723d [暴力dfs]
    Codeforces 723e [图论][欧拉回路]
    Hihocoder 1035 [树形dp]
    Codeforces 721C [dp][拓扑排序]
    Codeforces 721D [贪心]
    info
    关于string操作
    Floyd求最小环 HDU1599
    Codeforces Round #572 (Div. 2) B Number Circle
    A. XXXXX
  • 原文地址:https://www.cnblogs.com/yupeng/p/2388530.html
Copyright © 2011-2022 走看看