jquery選擇器是一種強大的工具,它可以通過元素的類、標簽名、屬性和位置等多種方式來選擇頁面元素。在本次實驗中,我們將使用一些常見的jquery選擇器來選取頁面中的元素。
$(document).ready(function(){ // 選取id為demo的元素,并設置文本為hello $("#demo").text("hello"); // 選取所有p標簽,并設置背景顏色為red $("p").css("background-color", "red"); // 選取所有class為test的元素,并設置字體顏色為blue $(".test").css("color", "blue"); // 選取所有label標簽的 for 屬性為"username"的元素,并設置文本為請輸入用戶名 $("label[for='username']").text("請輸入用戶名"); // 選取第一個p標簽,并設置文本為第一個段落 $("p:first").text("第一個段落"); // 選取最后一個p標簽,并設置文本為最后一個段落 $("p:last").text("最后一個段落"); });
通過使用以上的jquery選擇器,我們可以輕松地對頁面元素進行操作。代碼簡潔明了,易于維護,是web開發中不可或缺的一環。
上一篇jquery選擇器可見
下一篇jquery選擇器是啥