jQuery是一個(gè)強(qiáng)大的JavaScript庫,提供了許多簡化DOM操作的方法,例如設(shè)置動(dòng)態(tài)元素屬性值。我們可以使用jQuery的attr方法來設(shè)置元素的屬性值。
//設(shè)置元素的title屬性 $("#myElement").attr("title", "這是一個(gè)標(biāo)題"); //設(shè)置元素的class屬性,多個(gè)class用空格隔開 $("#myElement").attr("class", "class1 class2"); //設(shè)置元素的自定義屬性data-value $("#myElement").attr("data-value", "123");
使用attr方法還可以獲取元素的屬性值:
//獲取元素的title屬性值 titleValue = $("#myElement").attr("title"); //獲取元素的class屬性值,返回一個(gè)數(shù)組 classValue = $("#myElement").attr("class").split(" "); //獲取元素的自定義屬性data-value值 dataValue = $("#myElement").attr("data-value");
另外,當(dāng)我們需要一次設(shè)置多個(gè)屬性值時(shí),可以傳入一個(gè)對(duì)象來實(shí)現(xiàn):
//一次性設(shè)置多個(gè)屬性 $("#myElement").attr({ "title": "這是一個(gè)標(biāo)題", "class": "class1 class2", "data-value": "123" });
總之,使用jQuery設(shè)置元素屬性值可以讓我們更方便地操作DOM,避免了繁瑣的getElementById或getAttribute等方法的使用。