jquery刪除樣式屬性,如刪除指定a標簽中的href屬性,我們可以通過removeAttr()方法來實現。removeAttr() 方法表示從被選元素中移除屬性。
下面我們結合簡單的代碼示例,給大家介紹jquery刪除樣式屬性的方法。
html代碼如下:
首先我們定義了四個a標簽,并給第四個標簽添加了class屬性“disabled”。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jquery刪除樣式屬性示例</title>
</head>
<body>
<div class="menu">
<a href="http://www.php.cn/course/1007.html">HTML</a>
<a href="http://www.php.cn/course/1009.html">Git</a>
<a href="http://www.php.cn/course/1012.html">PHP</a>
<a href="http://www.php.cn/course/967.html" class="disabled">PHP第一季</a>
</div>
</body>
</html>
前臺檢查元素,結果如下:
再添加jquery代碼如下:
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/JAVAscript">
$(function () {
$(".menu a").each(function () {
if ($(this).hasClass("disabled")){
$(this).removeAttr("href");
}
});
});
</script>
這里我們先獲取上述代碼中的menu a標簽,再通過each循環遍歷所有a標簽,并對每個a標簽進行判斷,當存在class="disabled”屬性時,就使用removeAttr()方法刪除對應的href屬性。
注:hasClass() 方法檢查被選元素是否包含指定的 class。
結果如下:
如圖,成功刪除了第四個a標簽中的href屬性。
本篇文章就是關于jquery刪除樣式屬性的方法介紹,非常簡單易懂,希望對需要的朋友有所幫助!