JQuery是一種JavaScript庫,它使開發者可以更容易地處理HTML文檔、處理事件、創建動畫以及通過AJAX與Web服務器進行數據交互。其中選擇器是Jquery中十分強大的一個部分,尤其是當我們要選擇多個類時。
$(document).ready(function () { // 選擇同時包含class1和class2的元素 $('.class1.class2').css('color', 'red'); });
上述代碼表示,我們在文檔準備完畢后會把選擇同時包含class1和class2的元素這一行為具體化為將字體顏色變為紅色。我們會看到所有同時包含這兩個類的元素字體顏色都會變為紅色。
$(document).ready(function () { // 選擇同時包含class1或class2的元素 $('.class1, .class2').css('color', 'red'); });
上述代碼將選擇同時包含class1或class2的元素,效果與上方不同。這時所有同時包含其中至少一個類的元素字體顏色都會變為紅色。
綜上所述,通過使用JQuery同時選擇兩個類,我們可以輕松地對目標元素進行樣式、動畫或事件等的操作。