JQuery 是一個非常流行的 JavaScript 庫,可以幫助開發者輕松地操作 HTML 元素。本文將介紹 JQuery 中常用的 HTML 對象操作方法。
//創建 HTML 元素 var $div = $("這是一個 div 元素"); $("body").append($div); //添加類名 $div.addClass("red"); //設置元素樣式 $div.css("color", "blue"); //獲取元素內容 var content = $div.html(); //設置元素內容 $div.html("這是新的 text"); //獲取元素屬性 var attrValue = $div.attr("id"); //設置元素屬性 $div.attr("title", "my title"); //刪除元素屬性 $div.removeAttr("title"); //綁定事件 $div.on("click", function(){ alert("點擊了 div 元素"); }); //解除事件 $div.off("click"); //移除元素 $div.remove();
以上是 JQuery 中對 HTML 對象的常用操作方式,可以幫助開發者更快捷地操作網頁中的元素。
上一篇jquery hover
下一篇jquery hide