Home > Article > Web Front-end > How to delete an attribute in jquery
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')".
The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.
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.
Open the test.html file in the browser, click the button to view the results.
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!