jQuery 是一款廣泛使用的 JavaScript 庫,它簡化了 HTML 文檔遍歷、事件處理、動畫效果以及 Ajax 操作等常見的操作。其中,選擇器是 jQuery 特有的一個重要功能,它可以幫助我們輕松地查找或過濾 HTML 元素。接下來,我們將介紹如何使用 jQuery 選擇兩個 class。
$('.class1.class2')
在上面的代碼中,我們使用了 jQuery 的選擇器 $('.class1.class2')。其中,class1 和 class2 都是兩個不同的 CSS 類名,而點 '.' 是用于指定選擇器為類名的標識符。從左到右讀取,表示選擇同時含有 class1 和 class2 類名的所有 HTML 元素。下面是一個實際的例子:
<div class="class1">div1</div> <div class="class1 class2">div2</div> <div class="class2">div3</div> <script> $('.class1.class2').css('color', 'red'); </script>
在上面的代碼中,我們選擇了同時含有 class1 和 class2 類名的 HTML 元素,并使用 css() 方法設置它們的顏色為紅色。因此,只有 div2 的文字顏色被修改為了紅色。需要注意的是,如果只想選擇其中一個 class,可以使用單個類名選擇器 .class1 或 .class2。