在前端開發中,我們經常需要對html頁面進行操作。而選擇元素是我們常常需要做的事情。JQuery就是為了方便我們進行選擇操作而出現的。
JQuery提供的選擇器可以快速的選取想要的元素,甚至還可以通過選擇器來處理元素的樣式、內容等等。下面介紹一些常用的jQuery選擇器:
// 選擇元素 $("selector"); // 選擇id為"example"的元素 $("#example"); // 選擇class為"class-example"的所有元素 $(".class-example"); // 匹配所有的p元素 $("p"); // 選擇第一個p元素 $("p:first"); // 選擇最后一個p元素 $("p:last"); // 選擇所有class包含"example"的p元素 $("p[class~=example]"); // 選擇有class屬性的所有p元素 $("p[class]"); // 選擇不含有class屬性的所有p元素 $("p:not([class])"); // 選擇所有的a標簽和所有input標簽 $("a, input"); // 選擇所有文本框 $(":text"); // 選擇所有選中的checkbox或radio $(":checked");
以上的選擇器只是jQuery提供的一部分,更多的選擇器可以去jQuery官網查看。使用這些選擇器,我們可以更方便的操作頁面元素,實現UI效果等等。
上一篇jquery選擇器中^
下一篇css布局補充案例圖