初学JQuery-属性选择器

Document .redClass{ color:red; }

• 我是程序员1
• 我是程序员2
• 我是程序员3
• 我是程序员4
• 我是程序员5

百度 百度一下

<script src="./jquery-1.12.4.js"></script>
<script>
    /* 属性选择器可以根据是否包含某属性来选取元素 */
     $('ul li[data-name]').css('background','red');
    /* 根据属性的值来选取元素 */
     $('ul li[data-name=lisi]').css('background','red');
    /* 不等于属性是某个特定值的元素 */
     $('ul li[data-name!=lisi]').css('background','red');
    /* 以指定值开头的元素 */
     $('a[href^=http]').css('color','red');
     $('a[href^="http"]').css('color','red');
    /* 以指定值结尾的元素 */
     $('a[href$=".com"]').css('color','red');
    /* 包含指定值的元素 */
    /* *通配符 */
     $('a[href*="baidu"]').css('color','red');
    /* 添加样式类的 */
    $('a[href*="baidu"]').addClass('redClass')
</script>