jQuery是一款優秀的JavaScript庫,用來簡化JavaScript的操作和編寫。其中最常用的功能是選擇器,通過選擇器可以方便地獲取和操作頁面中的元素。以下是jquery選擇器實戰的一些例子。
// 選擇id為test的元素,并設置字體顏色為紅色 $("#test").css("color", "red"); // 選擇class為box的所有元素,并設置寬度為100px $(".box").css("width", "100px"); // 選擇所有p元素,并給它們添加class名為active $("p").addClass("active"); // 選擇第一個p元素,并設置背景顏色為藍色 $("p:first").css("background-color", "blue"); // 選擇最后一個p元素,并設置文本內容為"最后一個元素" $("p:last").text("最后一個元素"); // 選擇所有ul元素下的li元素,并設置它們的字體大小為20px $("ul li").css("font-size", "20px"); // 選擇下標為偶數的li元素,并設置它們的顏色為綠色 $("li:even").css("color", "green"); // 選擇所有a元素的href屬性值為https://www.jd.com的元素,并設置它們的文本內容為"京東" $("a[);
以上僅是jquery選擇器的一些實戰例子,通過選擇器我們可以更方便地定位和操作頁面中的元素,大大提升了開發效率。