jQuery 中的選擇器是用來選擇 HTML 元素的一種強大工具。一旦掌握了選擇器的使用方法,你將能夠更簡單、更快速地操作 DOM。本篇文章將著重介紹 jQuery 選擇器交集的用法。
// 例1:選擇所有class為red和class為blue的元素,并且同時滿足 $('.red.blue'); // 上述代碼中,選擇器 .red.blue 表示同時擁有.red 和 .blue class的元素 // 例2:選擇所有div和p標簽,其中 div 元素的 id 為 container $('div#container, p'); // 上述代碼中,選擇器 div#container,p 表示同時選擇id為container的div元素以及所有p元素 // 例3:選擇所有含有data屬性,屬性值中同時包含數字42的a元素 $('a[data*="42"]'); // 上述代碼中,選擇器 a[data*="42"] 表示包含屬性名為data且屬性值中含有42的a元素
通過上述例子,我們可以看到,jQuery 選擇器交集可以通過組合多個條件來選擇需要的元素,可以為我們快速解決在操作 DOM 時遇到的問題。
下一篇java $ 和