1. 程式人生 > >Jquery 新增刪除屬性、新增刪除class、新增刪除Css

Jquery 新增刪除屬性、新增刪除class、新增刪除Css

一.設定屬性:

方式一  jQuery 程式碼:

$("img").attr({ src: "test.jpg", alt: "Test Image" }

方式二:jQuery程式碼--鍵值對

$("img").attr("src","test.jpg");

方式三: jQuery 程式碼--函式式:

$("img").attr("title", function() { return this.src });

二、新增Class

方式一:

$("p").addClass("selected");

三、刪除class

方式一:

$("p").removeClass("selected");

四、切換Class

方式一:

$("p").toggleClass("selected");

五、新增Css格式

 方式一: 

$("p").css({ color: "#ff0011", background: "blue" });

方式二:鍵值對

$("p").css("color","red");

六、移除Css樣式

方式一、移除全部使用removeattr("style");

方式二、移除單個使用css("屬性","");