jquery deletes style attributes, such as deleting the href attribute in the specified a tag, we can achieve this through the removeAttr() method. The removeAttr() method removes attributes from selected elements.
Below we will introduce to you the jquery method of deleting style attributes with a simple code example.
The HTML code is as follows:
First we define four a tags and add the class attribute "disabled" to the fourth tag.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jquery删除样式属性示例</title>
</head>
<body>
<div class="menu">
<a href="//m.sbmmt.com/course/1007.html">HTML</a>
<a href="//m.sbmmt.com/course/1009.html">Git</a>
<a href="//m.sbmmt.com/course/1012.html">PHP</a>
<a href="//m.sbmmt.com/course/967.html" class="disabled">PHP第一季</a>
</div>
</body>
</html>The front-end check element, the result is as follows:
Then add the jquery code as follows:
<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> Here we are First get the menu a tag in the above code, then loop through all a tags through each, and judge each a tag. When there is a class="disabled" attribute, use removeAttr () method deletes the corresponding href attribute.
Note: hasClass() method Checks whether the selected element contains the specified class.
The results are as follows:
As shown in the figure, the href attribute in the fourth a tag is successfully deleted.
This article is about the method of deleting style attributes in jquery. It is very simple and easy to understand. I hope it will be helpful to friends in need!
The above is the detailed content of How to delete style attributes in jquery. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
SublimeText3 Chinese version
Chinese version, very easy to use
ZendStudio 13.5.1 Mac
Powerful PHP integrated development environment
Zend Studio 13.0.1
Powerful PHP integrated development environment
MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.
Atom editor mac version download
The most popular open source editor
