在jquery中,選擇器是非常重要的一部分。選擇器能夠讓我們更快捷地找到需要操作的元素,而屬性則是元素的一個特性,例如id、class、style等等。下面我們就來看看如何使用jquery選擇器來取得元素的屬性。
// 獲取id為foo的元素的class屬性 var classValue = $("#foo").attr("class"); console.log(classValue); // 輸出classValue的值 // 獲取所有class為bar的元素的id屬性 $("div.bar").each(function(){ var idValue = $(this).attr("id"); console.log(idValue); // 輸出idValue的值 });
在上面的代碼中,我們首先使用了$("#foo")選擇器來選擇id為foo的元素,并使用.attr("class")獲取了其class屬性的值;接著使用了$("div.bar")選擇器來選擇所有class為bar的元素,并使用.each循環遍歷它們,每個元素通過$(this)獲取,并使用.attr("id")獲取其id屬性的值。
另外需要注意的是,如果我們想要修改元素的屬性的話,可以使用.attr()方法來設置屬性的值,例如:
// 將id為foo的元素的class屬性設置為hello $("#foo").attr("class", "hello"); // 將所有class為bar的元素的id屬性設置為world $("div.bar").attr("id", "world");
上述代碼通過.attr()方法分別將元素的class和id屬性的值設置為了hello和world。
上一篇html滿屏圖片設置熱點
下一篇vue彈出框聯動