How to change classname in jquery

3 modification methods: 1. Use attr() to modify the value of the class attribute, the syntax is "element object.attr("class","new class name");". 2. Use prop() to modify the value of the class attribute, the syntax is "element object.prop("class","new class name");". 3. Use removeClass() and addClass(), the syntax is "element object.removeClass("old class name").addClass("new class name");".

The operating environment of this tutorial: windows7 system, jquery3.6.1 version, Dell G3 computer.

jquery method to change classname (class name)

Method 1: Use attr() to modify

attr() can set the attributes and values ​​of elements

You only need to modify the value of the class attribute, syntax:

$(selector).attr("class","新类名");

Example

	
		
		
		
		
	

	

		

		

		改变classname（类名）
	

Method 2: Use prop() to modify

attr() can set the attributes and values ​​of the element

You only need to modify the class attribute Just change the value and modify the syntax:

$(selector).prop("属性名","新类名");

Example

	
		
		
		
		
	

	

		

		

		改变classname（类名）
	

##Method 3: Modify using removeClass() and addClass()

• Use removeClass() to delete the old class

• Use addClass() to add a new class

    
        
        
		
		
	

	
		
测试段落
		改变classname（类名）
	

Copy after login



[Recommended learning:

jQuery tutorial, web front-end video】

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