在jQuery中 常用的选择器介绍

2020-05-24 21:22:36易采站长站整理

    $(“#form1 :enabled”)选取id为form1的表单内所有启用的元素


    $(“#form1 :disabled”)选取id为form1的表单内所有禁用的元素


    $(“input:checked”)选取所有选中的元素(Radio、CheckBox),这个中间不能加空格.


    $(“select :selected”)选取所有选中的选项元素(下拉列表)



表单滤选择器:


    $(‘#form1:enabled’);//这个表示能够启用的且id为form1的标签


    $(‘#form1  :enabled’);//这个表示能够启用的且id为form1下的所有启用的元素。


    $(‘input:checked’)


    $(‘input:disabled’)


    $ (‘select:selected’)


$(“:input”)选取所有<input>、<textarea>、<select>和<button>元素。和$(“input”)不一样,    


$(“input”)只获得<input>


$(“:text”)选取所有单行文本框,等价于   


$(“input[type=text]”),$(‘input[type=text]’),$(‘:text’);


    $(“:password”)选取所有密码框。



内容过滤选择器:


    :contains(text):过滤出包含给定文本的元素。


    :empty包含没有子元素的或者是内容为空的元素。


    :has(selecttor)


    :parent  获得有子元素的元素。



可见性过滤器:


   :hidden


     选取所有不可见元素包括:(如果直接写:hidden则会包含headtitlescriptstyle….)


      1.表单元素type=“hidden”


      2.设置css的display:none


      3.高度和宽度明确设置为0的元素。


      4.父元素时隐藏的,所以子元素也是隐藏的


      visibility: hidden 与opacity为0不算,因为还占位所以不认为是hidden.(与之前版本   


      jQuery不太一样,1.3.2之前)


  :visible


   选取所有可见元素
 


子元素过滤选择器:


first-child  与first的区别:first只能选取第一个,而first-child,则能选取每个子元素的第一个元素。


last-child:


only-child:匹配当前父元素中只有一个子元素的元素。


nth-child:对比eq()来理解,eq()值匹配一个,nth-child()为每个父元素都要匹配一个子元素。