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

    id

    $("#aa").    如果选择器中包含特殊字符,可以用两个斜杠转义     $("#foo\:bar")    

    <span id="foo:bar"></span>
    <span id="foo[bar]"></span>
    <span id="foo.bar"></span>

    #foo\:bar #foo\[bar\] #foo\.bar


    元素
    <div>DIV1</div>
    <div>DIV2</div>

    $("div"); div元素


    $(".aa")

    * 匹配所有的元素

    将每一个选择器匹配到的元素合并后一起返回。

    你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内。

    $("div,span,p.myClass")

    $("div p") 匹配div下的所有p元素
    $("div>p") 匹配div下一级的p元素

    $("div+p") 匹配div后面的一个p元素

    $("div~p") 匹配div后面的所有同级的p元素
    $('li:first');
    $('li:last')
    $("input:not(:checked)")    匹配未选中的input元素

    :even 匹配所有索引值为偶数的元素,从 0 开始计数,

    查找表格的1、3、5...行(即索引值0、2、4...)

    $("tr:even")
    $("tr:odd")
    $("tr:eq(1)")匹配一个给定索引值的元素,从 0 开始计数

    $("tr:gt(0)")匹配所有大于给定索引值的元素,从 0 开始计数
    $("tr:lt(0)")匹配所有小于给定索引值的元素,从 0 开始计数

    $(":header").css() 匹配标题元素 h1,h2,h3
    $("div:not(:animated)").animate({ left: "+=20" }, 1000); :animated 匹配正在执行动画的元素,前面加not 就是没执行动画的元素

    $("div:contains('John')")    匹配包含给定文本的元素     匹配div中有John文本的元素
    $("td:empty")
    匹配所有不包含子元素或者文本的空元素
    $("div:has(p)").addClass("test");    匹配含有子元素的元素
    $("td:parent")    匹配含有子元素或者文本的元素
    $("tr:hidden")    匹配所有不可见元素,或者type为hidden的元素
    $("tr:visible")   匹配所有的可见元素
    $("div[id]")      匹配含有id属性的div元素
    $("input[name='newsletter']").attr("checked", true);    匹配给定的属性是某个特定值的元素
    $("input[name!='newsletter']").attr("checked", true);匹配所有不含有指定的属性,或者属性不等于特定值的元素。
    $("input[name^='news']")      匹配给定的属性是以某些值开始的元素
    $("input[name$='letter']")    匹配给定的属性是以某些值结尾的元素
    $("input[name*='man']") 匹配给定的属性是以包含某些值的元素
    $("input[id][name$='man']")

    $("ul li:first-child")    匹配ul 下面的第一个子元素
    $("ul li:last-child")     匹配最后一个子元素

    $("ul li:nth-child(2)")

    匹配其父元素下的第N个子或奇偶元素

    ':eq(index)' 只匹配一个元素,而这个将为每一个父元素匹配子元素。:nth-child从1开始的,而:eq()是从0算起的!可以使用:

    nth-child(even)<br>:nth-child(odd)<br>:nth-child(3n)<br>:nth-child(2)<br>:nth-child(3n+1)<br>:nth-child(3n+2)

    $("ul li:only-child")如果某个元素是父元素中唯一的子元素,那将会被匹配,如果父元素中含有其他元素,那将不会被匹配。
    $(":input")   匹配input元素
    $(":text")
    $(":password")
    $(":radio")
    $(":checkbox")
    $(":submit")
    $(":image")
    $(":reset")
    $(":button")
    $("tr:hidden")    匹配所有不可见元素,或者type为hidden的元素
    $("input:enabled")    所有可用元素
    $("input:disabled")   匹配所有不可用元素

    $("input:checked")    匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option)
    $("select option:selected")     匹配所有选中的option元素
     
     
     
     
     
     
     
  • 相关阅读:
    JStorm开发经验+运维经验总结
    Storm-166:Nimbus HA solution based on Zookeeper
    Storm实战集锦
    JStorm之Nimbus简介
    BF算法 + KMP算法
    分布式消息系统:Kafka
    分布式服务框架:Zookeeper简介
    修改JSONArray里所有key的值
    JQuery中$.ajax()方法参数详解
    java利用16进制来辨别png格式的图片
  • 原文地址:https://www.cnblogs.com/MdpHappyForEver/p/5343542.html
Copyright © 2011-2022 走看看