jQuery是一個非常強大的JavaScript庫,它使得DOM操作變得簡單而快捷。DOM的屬性值就是文檔中元素的屬性,比如id、class、src等等。下面我們來看看如何使用jQuery操作DOM屬性值。
//獲取DOM屬性值 var id = $("#myDiv").attr("id"); var className = $("#myDiv").attr("class"); var src = $("img").attr("src"); //設(shè)置DOM屬性值 $("#myDiv").attr("id", "newId"); $("#myDiv").attr("class", "newClass"); $("img").attr("src", "newSrc.jpg");
在代碼中,使用attr()方法來獲取或設(shè)置元素的屬性值。其中,第一個參數(shù)為屬性名,第二個參數(shù)為屬性值(可選)。注意:當(dāng)?shù)诙€參數(shù)不存在時,attr()方法表示獲取屬性值。
//刪除DOM屬性 $("#myDiv").removeAttr("class");
如果要刪除元素的某個屬性,可以使用removeAttr()方法,傳遞屬性名即可。
值得注意的是,在有些情況下,CSS屬性與元素的DOM屬性是有區(qū)別的。可以使用prop()方法來獲取或設(shè)置元素的DOM屬性值。
//獲取元素的checked屬性 var isChecked = $("#myCheckbox").prop("checked"); //設(shè)置元素的checked屬性 $("#myCheckbox").prop("checked", true);
總之,jQuery提供了很多方法來操作DOM屬性值,讓我們在開發(fā)中更加便捷高效。