jQuery中的addAttr方法可以幫助我們在文檔對象模型中添加或修改屬性。 在以下代碼中,我們可以看到$(“#myDiv”)選擇器使用addAttr方法添加“title”屬性和它的值“something”。
$(“#myDiv”)。addAttr(“title”,“something”);
如果我們想添加多個屬性,我們可以通過在“addAttr”方法前添加“attr”方法來實現(xiàn):
$(“#myDiv”)。attr({title:“something”,alt:“something else”});
在上面的代碼中,我們使用對象字面量語法為選擇器添加兩個屬性: “title”和“alt”,并分別給它們賦值“something”和“something else”。
使用addAttr方法的好處之一是,它不會覆蓋元素原有的屬性。 如果我們嘗試使用addAttr添加一個已經(jīng)存在的屬性,它將不起作用。
在下面的示例中,我們使用選擇器為某個元素設(shè)置“title”屬性,然后使用addAttr方法嘗試覆蓋它。結(jié)果,該方法失敗,并不會更新元素的“title”屬性:
$(“#myDiv”).attr(“title”,“something”); $(“#myDiv”).addAttr(“title”,“something else”);
我們還可以使用removeAttr方法在文檔對象模型中刪除屬性。 在以下代碼中,我們使用選擇器刪除元素的“title”屬性:
$(“#myDiv”)。removeAttr(“title”);
以上就是關(guān)于jQuery addAttr方法的簡介和使用方法。無論是添加屬性還是刪除屬性,jQuery addAttr方法均具有易用性和靈活性,使我們能夠更有效地操作文檔對象模型。