jQuery選擇器是非常強大和靈活的工具,它允許我們通過不同的方式選取和操作文檔中的元素。其中之一是選擇同級元素,我們可以使用各種不同的選擇器來實現這個目標。
// 選取同級元素中第一個p標簽 $("p:first"); // 選取同級元素中最后一個p標簽 $("p:last"); // 選取同級元素中所有的p標簽 $("p"); // 選取同級元素中索引為2的p標簽 $("p:eq(2)"); // 選取同級元素中有類名為“highlight”的p標簽 $("p.highlight"); // 選取同級元素中沒有類名為“highlight”的p標簽 $("p:not(.highlight)"); // 選取同級元素中包含文本“jQuery”的p標簽 $("p:contains('jQuery')"); // 選取同級元素中不包含文本“jQuery”的p標簽 $("p:not(:contains('jQuery'))"); // 選取同級元素中所有第一個子元素為strong的p標簽 $("p > strong:first-child");
這些是一些常用的同級元素選擇器,它們非常有用,可用于不同的場景。不僅如此,jQuery還支持自定義選擇器,可以輕松地根據自己的需求創建新的選擇器。
下一篇jquery選擇器子孫