jQuery中的那些属性选择器,你知道吗?

属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素

  • $("div[id]")
    选择所有含有id属性的div元素

  • $("input[name='newsletter']")
    选择所有的name属性等于’newsletter’的input元素

  • $("input[name!='newsletter']")
    选择所有的name属性不等于’newsletter’的input元素

  • $("input[name^='news']")
    选择所有的name属性以’news’开头的input元素

  • $("input[name$='news']")
    选择所有的name属性以’news’结尾的input元素

  • $("input[name*='man']")
    选择所有的name属性包含’news’的input元素

  • $("[type|=text]")
    选择属性是type,并且这个属性的值是text起头,后面紧跟-的值

  • $("[type][name]")
    选择有type和name属性的元素

  • $("[abc]")
    选择属性也可以自定义属性

  • $("[abc=3]")
    选择某个属性是某个值的元素

  • $("[class~=div3]")
    选择属性是class,属性值中包含div3或者等于div3.包含div3在这里是指div3是一个独立的单词,前后有空格隔开

  • $("[class*=div3]")
    选择属性是class,属性值的字符串中含有div3字符的,可以不是一个独立的单词

好了jQuery中的属性选择器就说完了

你可能感兴趣的:(jQuery)