JQuery之属性选择器

• 我是程序员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', 'yellow');

        //根据属性的值等于某个值
        $('li[data-name==lisi]').css('color', 'red');

        //根据属相的值不等于某个值
        $('li[data-name!=lisi]').css('color', 'red');

        //以指定值开头的元素
        $('a[href^="http"]').css('color', 'red');
        
        //以指定值结尾的元素
        $('a[href$=".cn"]').css('color', 'pink');
        
        //通配符
        $('a[href*="qq"]').css('color', 'pink');
        
        //添加样式
        $('a[href*=www]').addClass('redClass');
    </script>
</body>