jquery 如何动态添加、删除class样式方法介绍

于 2015-03-05 11:18:00 发布 33 收藏
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/xiaolang1/p/4315307.html
版权 
 
$("#test").attr("style",{"display":"none"});

如果完全不要就可以使用

$("#test").removeAttr("style"

移除css样式last 去除最后一个span
$(".goods_list_pannel_link_4x").find('>span:last').remove();
 

 

转载于:https://www.cnblogs.com/xiaolang1/p/4315307.html

                

        

        




    






    

      
        提问
      
  


    

      

        

            

              
                
                  weixin_30338481
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
jQuery使用toggleClass方法动态添加删除Class样式的方法

				
			

			

				

					10-24
				

			

		

		

			
				
主要介绍了jQuery使用toggleClass方法动态添加删除Class样式的方法,实例分析了jQuery中toggleClass方法操作class样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

			
		

	



                

              
                



	

		

			

				
					
jquery validation 为class添加validation

				
			

			

				

					持续疯长，往天那边去
				

				

					12-22
					
					105
					
				

			

		

		

			
				
JS: 
[code="js"]$.validator.addClassRules("customer", { required: true, minlength: 2 }); [/code]  
HTML:   
[code="html"]  
  
 [/code] 


			
		

	



                


              

                


	

		

			

				
					
jQuery实现鼠标划过添加和删除class的方法

				
			

			

				

					10-24
				

			

		

		

			
				
主要介绍了jQuery实现鼠标划过添加和删除class的方法,涉及jQuery鼠标事件及页面样式的相关操作技巧,需要的朋友可以参考下

			
		

	





	

		

			

				
					
JS添加或修改控件的样式(Class)实现方法

				
			

			

				

					01-21
				

			

		

		

			
				
使用js 给页面组件添加class 或者删除class，以及使用jquery的方式添加或修改。  <input id=txtBianCeng type=text />  .lezhu99 {  color:#cc0000; }  添加或修改样式（Class） document.getElementById...

			
		

	



		

			
		



	

		

			

				
					
jQuery使用之设置元素样式用法实例

				
			

			

				

					12-12
				

			

		

		

			
				
这里主要介绍jQuery如何设置页面的样式风格。包括添加、删除、动态切换等。 1. 添加、删除css类别。  代码如下:$(function() {  //同时添加多个CSS类别  $(“img”).addClass(“css1 css2”); }); 如以上代码对img...

			
		

	





	

		

			

				
					
JQueryDOM之样式操作

				
			

			

				

					12-10
				

			

		

		

			
				
注意：当一个节点元素包含了多个class样式时，将按照以下方式进行处理：  如果给一个元素添加了多个 class 值， 那么就相当于合并了它们的样式  如果有不同的 class 设定了同一样式属性， 则后者覆盖前者  移除样式...

			
		

	





	

		

			

				
					
jquery常用的方法

				
			

			

				

					02-16
				

			

		

		

			
				
$(”元素名称”).removeClass(”class”) 给某元素删除指定的样式 $(”元素名称”).text(); 获得该元素的文本 $(”元素名称”).text(value); 设置该元素的文本值为value $(”元素名称”).toggleClass(class) 当元素...

			
		

	





	

		

			

				
					
原生JavaScript来实现对dom元素class的操作方法(推荐)

				
			

			

				

					01-19
				

			

		

		

			
				
jQuery操作class的方式非常强大 写了一个利用原生js来实现对dom元素class的操作方法 1.addClass:为指定的dom元素添加样式 2.removeClass:删除指定dom元素的样式 3.toggleClass:如果存在(不存在)，就删除(添加)一个...

			
		

	





	

		

			

				
					
JQUERY 常用方法大全

				
			

			

				

					08-12
				

			

		

		

			
				
$(”元素名称”).removeClass(”class”) 给某元素删除指定的样式 $(”元素名称”).text(); 获得该元素的文本 $(”元素名称”).text(value); 设置该元素的文本值为value $(”元素名称”).toggleClass(class) 当元素...

			
		

	





	

		

			

				
					
详解使用HTML5的classList属性操作CSS类

				
			

			

				

					01-19
				

			

		

		

			
				
以前我们有需要用js或jquery的一些方法hasClass、addClass、removeClass，在一个元素的class属性上添加或者删除某几个类，达到某种样式变化的需求，但还是稍微麻烦了一些。 h5新增的classList可以让我们更方便的元素...

			
		

	





	

		

			

				
					
jquery插件使用方法大全

				
			

			

				

					05-24
				

			

		

		

			
				
可以用来添加不向外部公开的方法，或者对jQuery的某些方法进行重新定义以提供新功能，或者提供更好的封装、避免名称空间冲突。当然，也可以用来开发插件，但Resig强烈建议在开发插件之前，先考虑jQuery UI widget...

			
		

	





	

		

			

				
					
ASP.NET    JQuery常用方法

				
			

			

				

					11-22
				

			

		

		

			
				
JScript code   Attribute： ...$(”元素名称”).removeClass(”class”) 给某元素删除指定的样式 $(”元素名称”).text(); 获得该元素的文本 $(”元素名称”).text(value); 设置该元素的文本值为value

			
		

	





	

		

			

				
					
jquery_事件方法大全doc

				
			

			

				

					08-12
				

			

		

		

			
				
$("元素名称").removeClass("class") 给某元素删除指定的样式 $("元素名称").text(); 获得该元素的文本 $("元素名称").text(value); 设置该元素的文本值为value $("元素名称").toggleClass(class) 当元素存在参数中...

			
		

	





	

		

			

				
					
超实用的jQuery代码段

				
			

			

				

					03-04
				

			

		

		

			
				
4.9 基于URL地址为导航链接添加class样式 4.10 如何延迟添加class类 4.11 如何延迟清除class类 4.12 动态调整页面的字体大小  第5章 jQuery实现用户输入自动完成功能 5.1 最简单的用户输入自动完成 5.2 使用远程数据...

			
		

	





	

		

			

				
					
Jquery常用方法.txt

				
			

			

				

					08-26
				

			

		

		

			
				
$("元素名称").removeClass("class") 给某元素删除指定的样式  $("元素名称").text(); 获得该元素的文本  $("元素名称").text(value); 设置该元素的文本值为value  $("元素名称").toggleClass(class) 当元素存在参数...

			
		

	





	

		

			

				
					
jquery+事件方法大全

				
			

			

				

					10-16
				

			

		

		

			
				
$("元素名称").removeClass("class") 给某元素删除指定的样式  $("元素名称").text(); 获得该元素的文本  $("元素名称").text(value); 设置该元素的文本值为 value  $("元素名称").toggleClass(class) 当元素存在...

			
		

	





	

		

			

				
					
jQuery详细教程

				
			

			

				

					04-25
				

			

		

		

			
				
当我们在教程中演示 jQuery 时，会将函数直接添加到 <head> 部分中。不过，把它们放到一个单独的文件中会更好，就像这样（通过 src 属性来引用文件）： 实例  <script type="text/javascript" src="jquery.js"> ...

			
		

	





	

		

			

				
					
jquery实现红色竖向多级向右展开的导航菜单效果

				
			

			

				

					10-23
				

			

		

		

			
				
主要介绍了jquery实现红色竖向多级向右展开的导航菜单效果,涉及jquery鼠标hover事件结合class样式动态添加与删除的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

			
		

	





	

		

			

				
					
jquery改变属性class的样式

					
最新发布

				
			

			

				

					05-09
				

			

		

		

			
				
jQuery是一个广泛使用的JavaScript库，它可以简化对HTML文档的操作和动画效果的创建。其中一项功能是能够动态地改变元素的class属性来改变元素的样式。

在jQuery中，可以通过使用addClass()、removeClass()和toggleClass()来改变元素的class属性。这些方法可以处理元素的class属性，可以添加或删除指定的class。例如：

```javascript
// 添加class
$("div").addClass("newClass");

// 删除class
$("div").removeClass("oldClass");

// 切换class
$("div").toggleClass("toggleClass");
```

使用这些方法可以通过JavaScript来动态地改变元素的样式，并且可以添加CSS动画来创建更吸引人的效果。例如：

```html
<style>
  .active {
    color: red;
    font-size: 20px;
  }
</style>
<div class="button">按钮</div>

<script>
  // 点击按钮时添加/删除class
  $(".button").click(function() {
    $(this).toggleClass("active");
  });
</script>
```

这个例子展示了如何使用jQuery来改变元素的样式。当用户单击按钮时，代码将添加或删除active类，这将改变文本的颜色和字体大小。

总的来说，通过使用jQuery改变元素的class属性，可以动态地改变元素的样式，实现更灵活的效果。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

              

            

          

      

      余额充值