JQuery是一種 JavaScript 庫(kù),它可以簡(jiǎn)化 HTML 文檔遍歷和操作、事件處理、動(dòng)畫(huà)創(chuàng)建等一系列操作。在 JQuery 中,選擇器是非常重要的一部分,它可以幫助我們更加便捷的選取 HTML 元素并進(jìn)行操作。以下是 jQuery 選擇器的一些寫(xiě)法。
// 選取 ID 為 “demo” 的元素 $("#demo"); // 選取 class 為 “intro” 的元素 $(".intro"); // 選取所有 <p> 元素 $("p"); // 選取所有 <div> 元素 $("div"); // 選取所有帶有 name 屬性的元素 $("[name]"); // 選取所有帶有 href 屬性且屬性值包含 "w3school" 的元素 $("a[href*='w3school']"); // 選取所有包含文本 “JQuery” 的元素 $(":contains('JQuery')"); // 選取第一個(gè) <p> 元素 $("p:first"); // 選取最后一個(gè) <p> 元素 $("p:last"); // 選取包含指定文本的元素 $("p:contains('test')"); // 選取所有表單元素 $(":input"); // 選取所有可見(jiàn)的元素 $(":visible"); // 選取所有隱藏的元素 $(":hidden");
總的來(lái)說(shuō),jQuery 選擇器的寫(xiě)法很靈活,而且可以根據(jù)需要隨意添加篩選條件。除了以上常用的選擇器,還有很多其他的選擇器可供使用。選擇器的靈活性和強(qiáng)大性也是 JQuery 受歡迎的重要原因之一。