jQuery是一個基于JavaScript的開源庫,它封裝了一系列的API和函數(shù),可以方便地操作DOM、事件、動畫、AJAX等。在jQuery中最常用的就是選擇器,它可以幫助我們快速地找到DOM元素,并對其進(jìn)行操作。
$(document).ready(function(){ //這里的代碼將在頁面加載完成后執(zhí)行 //通過id選擇器選取元素,可以使用#加id名稱 $("#myElement").css("color","red"); //通過類選擇器選取元素,可以使用.加class名稱 $(".myClass").hide(); //通過元素選擇器選取元素,可以直接寫元素名稱 $("p").mouseover(function(){ $(this).css("background-color", "yellow"); }); //通過層級選擇器選取元素,可以使用空格隔開不同層級 $("div p").css("font-weight", "bold"); //通過多屬性選擇器選取元素,可以使用多個中括號 $("input[type='text'][name='username']").val("John"); //通過過濾選擇器選取元素,可以在選擇器后面加上:加上過濾條件 $("ul li:first").addClass("first"); });
上面介紹的是一些常見的選擇器,在實(shí)際使用中,我們還可以結(jié)合上面的選擇器進(jìn)行更復(fù)雜的選擇,從而實(shí)現(xiàn)更靈活的操作。