Shulou(Shulou.com)06/02 Report--

This article mainly explains the "jquery how to click to modify the element class name", the article explains the content is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in-depth, together to study and learn "jquery how to click to modify the element class name" bar!

Jquery to achieve click to modify the element class name method: 1, bind the element click click event and specify an event handler function; 2, in the event handler function to use the attr () method to modify the element class name, the syntax is "$(selector) .attr ('class',' new class name');".

The operating environment of this tutorial: windows7 system, jquery1.10.0 version, Dell G3 computer.

How to click to change the element class name in jquery

1. Create a new html page with the file name of test.html, which can be used to manipulate div elements. Load the jquery.min.js file in the html page, which integrates all the methods of jquery, and the methods in jquery can only be used if the file is loaded successfully. Create a new div element in the html page and give it a class class name of red.

In order to achieve an obvious effect after clicking, the background color of the div of class= "red" is defined as red through CSS, and the background color is black when the class name is black.

2. Add an onclick click event to the div element, and execute the change_color () method when the onclick click event is triggered. This method is mainly used to change the class of the div.

Write the code to change the div element class class in change_color (), so that when div is clicked, the class= "red" becomes class= "black", realizing the function of changing the class name. The main purpose is to change the class name of class through the attr () method in jquery.

Run the code to view the results in the browser:

It can be seen that the function of clicking div to change the class class name is realized.

Thank you for your reading, the above is the content of "jquery how to click to modify element class names". After the study of this article, I believe you have a deeper understanding of how to click to modify element class names in jquery, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.