zoukankan      html  css  js  c++  java
  • Jquery选择器

    一、常用的选择器:
    
    ("td",(this))   //在this中找所有td
    $("#id")   //通过ID    //返回单个元素
    $("div")   //通过标签
    $(".cls")   //类选择器
    $("div.cls")  //标签加类选择器
    $("*")    //选取所有的元素
    $(this)  //自己
    $("div,p,a")   //取得所有标签的集合
    $("div p")     //div下的所有<p>,不管几层  [子孙]
    $("div>p")   //获取最直接的p  [儿子]
    $("div+p")   //兄弟节点中下面的第一个元素  [弟弟]   //相当于.next();
    $("div~p")   //层的所有下面的兄弟节点    //相当于.nextAll();
    二、基本过滤选择器:
    
    :eq(): 索引//第1个元素    $('p:eq(0)')
    :lt(3): 索引 //索引小于3的
    :gt(3):索引 //索引大于3的  $('ul li:gt(2):lt(2)')  //先执行大于2,结果集中再执行小于2
    :not():不满足"选择器"的元素
    :first:第一个
    :last:最后一个
    :even:偶数(索引的偶数,显示给用户的是奇数)
    :odd:奇数
    :header:所有h1-h6的标签   //$(':header')
    :animated:所有正在执行动画的元素
    三、内容过滤选择器:
    
    :contains(text):选择含有文本text的元素     //有没有引号一样效果
    :empty:选择不包含元素或者文本的空元素   //<div></div>测试通过,换行应该也算字符,不能被选择 (浏览器的问题,CSS的问题)
    :has(selector):选择包含匹配元素的元素
    :parent:选择含有子元素或文本的元素
    四、可见性过滤选择器:
    
    :hidden:选取所有不可见元素 $(":hidden")  //包括display:none的元素
    :visible:选取所有可见元素 $("div:visible")
    五、其他:
    
    :checked
    :selecetd
    六、属性过滤选择器:
    
    [id] :选取拥有id属性的元素     //("div[style]").hide(2000);测试没通过//("div[id]").hide(2000);测试通过
    [id=text]:选取id为text的元素
    [id!=text]:选取id不为text的元素
    [id^=t]:选取id以t开头的元素
    [id$=t]:选取id以t结束的元素
    [id*=text]:选取id含有text的元素
    七、子元素过滤选择器:
    
    :nth-child(index/even/odd/equation):选取每个父元素下的第n/奇/偶个元素  //注意:index从1开始算   //:nth-child(3n+1) 3的倍数加1
    :first-child:选取每个父元素的第一个子元素
    :last-child:选取每个父元素的最后一个子元素
    :only-child:如果这个元素是其父元素中的唯一一个元素,则匹配   //注意:操作的是子元素
    八、表单对象属性过滤选择器:
    
    :input:选取所有input、textarea、select、button元素
    :text:选取所有单行文本框
    :password:选取所有密码框
    :radio:
    :checkbox
    :submit
    :image
    :reset
    :button
    :file
    :hidden
  • 相关阅读:
    jQuery EasyUI API 中文文档 可调整尺寸
    jQuery EasyUI API 中文文档 链接按钮(LinkButton)
    jQuery EasyUI API 中文文档 手风琴(Accordion)
    jQuery EasyUI API 中文文档 表单(Form)
    jQuery EasyUI API 中文文档 组合(Combo)
    jQuery EasyUI API 中文文档 布局(Layout)
    jQuery EasyUI API 中文文档 拆分按钮(SplitButton)
    jQuery EasyUI API 中文文档 菜单按钮(MenuButton)
    jQuery EasyUI API 中文文档 搜索框
    jQuery EasyUI API 中文文档 验证框(ValidateBox)
  • 原文地址:https://www.cnblogs.com/franky2015/p/4918759.html
Copyright © 2011-2022 走看看