How to delete an attribute in jquery

WBOY
Release: 2022-03-16 15:33:07
Original
7308 people have browsed it

In jquery, you can use the removeAttr() method to delete an attribute of a specified element. The function of this method is to remove one or more attributes from the selected element. The syntax is "specified element object. removeAttr('Specify element attribute')".

How to delete an attribute in jquery

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

How to delete an attribute in jquery

In jquery, you can use the removeAttr() method to delete the specified element attribute

Create a new html file and name it test.html. Used to explain how jquery deletes element attributes. Use the p tag to create a line of text and set its id attribute to title. Add a data attribute to the p tag with the attribute value "This is a title".

Create a button button, bind the onclick click event to the button, and when the button is clicked, execute the delattr() function.

In the js tag, create the delattr() function. Within the function, obtain the p tag object through the id, and use the removeAttr() method to delete the specified element attribute. For example, delete the data attribute here.

How to delete an attribute in jquery

Open the test.html file in the browser, click the button to view the results.

How to delete an attribute in jquery

How to delete an attribute in jquery

Summary:

1. Use the p tag to create a line of text, set its id attribute to myppp, and give The p tag adds a data attribute.

2. In js, obtain the p tag object through id, and use the removeAttr() method to delete the specified element attribute.

Note

The removeAttr() method can remove any attribute of the element.

Recommended related video tutorials: jQuery video tutorial

The above is the detailed content of How to delete an attribute in jquery. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template