jQuery 中的 attr() 方法是用來添加或修改 HTML 元素的屬性的方法,其中最常用的是 attr("class") 方法。如果我們要為一組 HTML 元素添加類名,那么可以使用 jQuery 中的 attr("class", "className") 方法。
// 添加類名 $("p").attr("class", "myClass"); // 修改類名 $("p").attr("class", "yourClass");
當然,也可以使用 addClass() 和 removeClass() 方法來添加和移除類名。
// 添加類名 $("p").addClass("myClass"); // 移除類名 $("p").removeClass("myClass");
attr("class") 方法還可以用來獲取一個 HTML 元素的類名:
var className = $("p").attr("class"); console.log(className); // 輸出元素的類名
這樣,我們就可以使用 jQuery 選擇器來選取具有某個類名的元素。
// 選取類名為 "myClass" 的元素 $("p.myClass")
使用 attr("class") 方法也可以給元素添加多個類名,只需在第二個參數(shù)中使用空格分隔:
$("p").attr("class", "myClass1 myClass2 myClass3");
需要注意的是,使用 attr("class") 會覆蓋元素原有的類名。如果想要保留元素原有的類名,應(yīng)該先獲取元素原有的類名,然后在后面加上新的類名:
var oldClassName = $("p").attr("class"); $("p").attr("class", oldClassName + " myClass");
除了 attr() 方法之外,還有許多 jQuery 提供的操作元素屬性和類名的方法。選擇合適的方法可以讓代碼更加可讀、簡潔和高效。