1. 程式人生 > >jq 筆記七 設定,刪除,獲取DOM的元素屬性

jq 筆記七 設定,刪除,獲取DOM的元素屬性

第一種用attr()

1、獲取指訂屬性的值 $("p").attr("width");  //獲取p元素 屬性名稱是 width的值

2、設定屬性的值 $("p").attr("width","180")   //設定p元素 屬性名稱是 width的值

2、設定屬性的值 $("p").attr({"width":"180","title":"hha"})  //  //設定p元素多個屬性的值

3、刪除屬性  $("p").removeAttr("aa")  //刪除屬性aa

 

第二種,給元素新增和刪除class

1、$("p").addClass('k')  新增class

2、$("p").hasClass('k')  判斷是否有class

3、$("p").removeClass('k')  移除class

 

toggleClass() 對設定或移除被選元素的一個或多個類進行切換。

該方法檢查每個元素中指定的類。如果不存在則新增類,如果已設定則刪除之。這就是所謂的切換效果。

 

$('ul li').toggleClass(function(){
return 'listitem_' + $(this).index();
});