1. 程式人生 > >【JQuery】[attribute=value]屬性選擇器

【JQuery】[attribute=value]屬性選擇器

獲取與屬性名和屬性值完全相同的全部元素.

其中[]是專用於屬性選擇器的括號符,引數attribute表示屬性名稱,value引數表示屬性值,value兩邊可以不加引號的。

用例子一目瞭然。

    <body>
        <h3>改變"title"屬性值為"蔬菜"的背景色</h3>
        <ul>
            <li title="蔬菜">茄子</li>
            <li title="水果">香蕉</li>
            <li title="蔬菜">芹菜</li>
            <li title="水果">蘋果</li>
            <li title="水果">西瓜</li>
        </ul>
        
        <script type="text/javascript">
            $("li[title='蔬菜']").css("background-color", "green");
        </script>
    </body>

結果: