zoukankan      html  css  js  c++  java
  • jQuery选择器汇总

    jquery对象是一种类似数组的对象,可以通过[index]方法获得相应dom对象,jquery对象转换为dom对象

    var $cr=$("#cr");  //获取的时jquery对象,要在变量前加上$.

    var cr=$cr[0]  //dom对象格式,直接变量名

    或者 var cr=$cr.get.get[0];

    dom对象转换为jquery对象,只需要用$()把dom对象包转起来即可。

    var cr =document.getElementById('cr');

    var $cr=$(cr);//转换为jqery对象

    一.基本选择器

    1.#id id选择器   $('#test')

    2..class  class选择器  $(".test")

    3.element  元素名选择器  $("p")

    4.* 匹配所有元素  $("*")

    5.selector1,selector2,,,将每个选择器匹配到的元素合并后一起返回  $("div,p")
    二.层次选择器

    1.$("祖先 后代")  后代选择器  $("div span")选择div里所有span元素

    2.$("父>子") 子代选择器  $("div>span") 选择div的所有子元素span

    3.$("prev+next") 选取连接在prev元素后的next元素  $('.one+div')选择class为one的下一个div同辈元素,等效于方法 $('.one').next('div')

    4.$('prev~sibilings')选取prev元素之后的所有siblings元素  $('.one~div') 选取class为one的元素后面所有div同辈元素,等效于方法$('.one').nextAll('div')

    三.过滤选择器

    1.基本过滤选择器

    :first 选取第一个元素 $("div:first")选取所有div元素中的第一个div元素

    :last 选取最后一个元素 $("div:last")选取所有div元素中的最后一个div元素

    :not(selector) 去除所有与给定选择器匹配的元素 $('input:not(.myClass)')选取class不是myClass的input元素

    :even 选取索引是偶数的所有元素,索引从0开始  $('input:even')选取索引是偶数的input元素

    :odd  奇数 $('input:odd')

    :eq(index) 选取索引为index的单个元素  $('input:eq(1)')

    :gt(index) 选取索引大于index的所有元素 $('input:gt(1)')

    :lt(index)选取索引小于index的所有元素 $('input:lt(1)')

    :header 选取所有标题元素,h1,h2等  $(':header')

    :animated 选取正在执行动画的所有元素 $("div:animated")

    :focus 选取当前获取焦点的元素 $(':focus')

    2.内容过滤选择器

    :contains(text)选取含有文本"text"的元素$('div:contains("我")')

    :empty 选取不包含子元素或者文本的空元素  $('div:empty')

    :has(selector) 选取含有选择器所匹配元素的元素 $('div:has(p)')

    :parent $('div:parent')选取拥有子元素包括文本元素的div元素

    3.可见性过滤选择器

    :hidden 选取所有不可见的元素 $(':hidden')

    :visible 选取所有可见元素

    4.属性过滤选择器

    [attrbute] 选取拥有此属性的元素 $('div[id]')

    [attrbute=value]

    [attrbute!=value]不等于

    [attrbute^=value]以value开始的元素

    [attrbute$=value]以value结束的元素

    [attrbute*=value]含有value的元素

    [attribute|=value]选取属性等于给定字符串或以字符串为前缀(以-连字符连接)

    [attribute~=value]选取属性用空格分隔的值中包含一个给定值得元素

    [att1][att2][att3]复合属性选择器,每选择一个缩小一次范围。

    5.子元素过滤选择器

    :nth-child(index/even/odd/equation)选取每个父元素下的第index个子元素,从1算起 ,eq()只匹配一个,从0开始

    :first-child  $('ul li:first-child')

    :last-child

    :only-child 如果某个元素是它父元素中唯一的子元素,那么他将被匹配

    6.表单对象属性过滤选择器

    :enabled 选取所有可用元素  $('#formq:enabled')

    :disabled 选取所有不可用元素

    :checked 选取所有被选中的元素

    :selected 选取所有被选中的选项元素

    四.表单选择器

    :input 选取所有input,textarea,select和button元素

    :text 选取所有单行文本框 $(':text')

    :password 选取所有密码框

    :radio 选取所有单选框

    :checkbox

    :submit 选取所有提交按钮

    :image 选取所有图像按钮

    :reset

    :button 选取所有按钮

    :file 选取所有上传域

    :hidden 选区所有不可见元素

  • 相关阅读:
    docker 批量删除
    ML
    hdu 1465:不容易系列之一(递推入门题)
    sdut 2162:The Android University ACM Team Selection Contest(第二届山东省省赛原题,模拟题)
    sdut 2163:Identifiers(第二届山东省省赛原题,水题)
    hdu 2108:Shape of HDU(计算几何,判断多边形是否是凸多边形,水题)
    hrbustoj 1545:基础数据结构——顺序表(2)(数据结构,顺序表的实现及基本操作,入门题)
    hdu 1312:Red and Black(DFS搜索,入门题)
    hrbustoj 1429:凸多边形(计算几何,判断点是否在多边形内,二分法)
    poj 1113:Wall(计算几何,求凸包周长)
  • 原文地址:https://www.cnblogs.com/cumting/p/6772071.html
Copyright © 2011-2022 走看看