jQuery是一個javascript庫,它可以幫助我們更簡單地操作HTML元素、處理事件、設計動畫、以及AJAX交互等等。其中最常見的一項操作就是選擇元素。
選擇元素有很多種方法,其中較為常用的是通過ID、class以及標簽名字選擇。在jquery中,通過$()函數實現選擇元素。
// 通過ID選擇 $("#myDiv") // 通過class選擇 $(".myClass") // 通過標簽名稱選擇 $("div")
利用選擇器選中元素后,我們就可以開始操作了。一個簡單的例子是修改元素的文本內容,例如:
// 修改div元素的文本內容 $("div").text("你好,jquery!") // 修改指定ID的div元素的文本內容 $("#myDiv").text("你好,jquery!")
除了修改文本內容,我們還可以使用jQuery操作圖片。一個常見的操作是動態更改一組圖片的src屬性,例如:
// 循環修改圖片的src屬性 $("img").each(function() { $(this).attr("src", "/images/" + $(this).attr("id") + ".jpg"); });
通過以上操作,我們可以快速地把所有標簽的src屬性更改為對應ID的jpg圖片。