jQuery是一種廣泛使用的JavaScript框架,可以方便快捷地操作HTML文檔和CSS樣式。在jQuery中,選擇器可以幫助我們快速找到所需的元素,篩選可以幫助我們進一步精確地操作這些元素。
首先,我們來看一下jQuery的常見選擇器:
$(document).ready(function(){ // 通過元素名選擇 $("p").css("color", "red"); // 通過類名選擇 $(".myClass").fadeOut(); // 通過ID選擇 $("#myId").html("Hello World!"); // 通過屬性選擇 $("input[type='submit']").css("background-color", "green"); });
接著,我們可以使用篩選器進一步操作所選元素:
$(document).ready(function(){ // 選擇第一個p元素 $("p:first").css("color", "red"); // 選擇倒數(shù)第二個p元素 $("p:last-child").css("color", "blue"); // 選擇索引為偶數(shù)的p元素 $("p:even").css("background-color", "yellow"); // 選擇屬性值包含“world”的p元素 $("p[class*=world]").css("font-weight", "bold"); });
以上僅是jQuery選擇器和篩選器的簡單應(yīng)用,更多用法請參考jQuery官方文檔。