jQuery是一種流行的JavaScript庫,它使得使用DOM(文檔對象模型)更加容易。DOM是指表示文檔的樹形結構,它允許您以編程方式操作HTML元素。
使用jQuery,您可以輕松地選擇DOM元素,以及添加、刪除和修改它們的屬性和內容。以下是一些常用的jQuery DOM函數:
// 選擇元素 $("#myElement") // 通過id選擇元素 $(".myClass") // 通過類名選擇元素 $("div") // 選擇所有div元素 // 改變元素內容 $("#myElement").text("新的內容") // 修改文本內容 $("#myElement").html("加粗的內容") // 修改HTML內容 // 改變元素屬性 $("#myElement").attr("src", "newimage.jpg") // 修改圖像的src屬性 // 改變元素樣式 $("#myElement").css("color", "red") // 修改文本顏色 $("#myElement").addClass("highlight") // 添加CSS類 $("#myElement").removeClass("highlight") // 刪除CSS類
jQuery使得使用DOM變得更加簡單和直觀。它是Web開發人員中廣泛使用的工具之一。
下一篇引入css動畫