Home  >  Article  >  Web Front-end  >  How to delete attributes of element object in jquery

How to delete attributes of element object in jquery

WBOY
WBOYOriginal
2022-03-29 10:45:223000browse

Jquery method to delete element object attributes: 1. Use the "$(element)" statement to obtain the specified element object; 2. Use the removeAttr() method to delete the attributes of the element object. The syntax is "element object.removeAttr" (specified element attribute)".

How to delete attributes of element object in jquery

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

How to delete the attributes of an object in jquery

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

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. 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 attributes of element object in jquery

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

How to delete attributes of element object in jquery

How to delete attributes of element object 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 attributes of element object in jquery. For more information, please follow other related articles on the PHP Chinese website!

Statement:
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
Previous article:what is jquery objectNext article:what is jquery object