轻思维
轻思维

08-过滤选择器-子元素过滤&表单过滤

过滤选择器-子元素过滤&表单过滤

选择器 描述 返回 示例
:nth-child(index/even/odd/equation) 选取每个父元素下的第index个子元素或奇偶元素.(index从1开始） 集合元素 :eq(index)只匹配一个元素,而:nth-child(index)将为每一个父元素匹配子元素,并且:nth-child(index)的index从1开始,而:eq(index)的index从0开始.
:first-child 选择每个父元素的第1个子元素 集合元 :first只选择单个元素,而:first-child将为每个父元素匹配第1个子元素如:$(“ul li:first-child”)选择每个ul下的第一个
  		•
    :last-child 选取每个父元素的最后1个子元素 集合元素 $(“ul li:last-child”)选择每个ul下的最后一个
  		•
    :only-child 如果某个元素是它父元素中惟一的子元素,那么将会被匹配.如果父元素中含有其他元素,则不会被匹配 集合元素 $(“ul li:only-child”)在
      中选取是惟一子元素的

    作者：曾庆林

    选择器 描述 返回 示例
    :nth-child(index/even/odd/equation) 选取每个父元素下的第index个子元素或奇偶元素.(index从1开始） 集合元素 :eq(index)只匹配一个元素,而:nth-child(index)将为每一个父元素匹配子元素,并且:nth-child(index)的index从1开始,而:eq(index)的index从0开始.
    :first-child 选择每个父元素的第1个子元素 集合元 :first只选择单个元素,而:first-child将为每个父元素匹配第1个子元素如:$(“ul li:first-child”)选择每个ul下的第一个
  		•
    :last-child 选取每个父元素的最后1个子元素 集合元素 $(“ul li:last-child”)选择每个ul下的最后一个
  		•
    :only-child 如果某个元素是它父元素中惟一的子元素,那么将会被匹配.如果父元素中含有其他元素,则不会被匹配 集合元素 $(“ul li:only-child”)在
      中选取是惟一子元素的

    :nth-child()选择器详细功能描述:

    :nth-child(even)    能选择每个父元素下的索引值是偶数的元素
:nth-child(odd)     选择出每个父元素下的索引值是奇数的元素
:nth-child(2)       选取每个父元素下的索引值等于2的元素
:nth-child(3n)      能选出每个父元素下的索引值是3的倍数的元素,n从0开始
:nth-child(3n+1)    能选取每个父元素下的索引值是3n+1的元素.n从0开始

    表单对象属性过滤选择器

    选择器 描述 返回 示例
    :enabled 选择所有可用元素 集合元素 $(“#form1 :enabled”)选取id为form1的表单内的所有可用元素
    :disabled 选择所有不可用元素 集合元素 $(“#form1 :disabled”)选取id为form1的表单内所有不可用元素
    :checked 选择忾有被选中的元素(单选框,复选框) 集合元素 $("input:checked")选择所有被选中的
    :selected 选择所有被选中的选项元素(下拉列表) 集合元素 $("select :selected")选取所有被选中的选项元素

    表单选择器

    选择器 描述 返回 示例
    :input 匹配所有