演示 jQuery 的 hide() 函数，隐藏所有 class="test" 的元素。

最新推荐文章于 2021-11-07 00:35:27 发布
最新推荐文章于 2021-11-07 00:35:27 发布
阅读量735 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wmnmtm/article/details/82922220
版权

演示 jQuery 的 hide() 函数，隐藏所有 class="test" 的元素。

http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide_class

 
 
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(
 
 
 function()
 {
  $("button").click(
 
 
 function()
  {
  $(".test").hide();
  }
 
 
 );
 }
 
 
);
</script>
</head>
<body>
 
 
<h2 class="test">This is a heading</h2>
<p class="test">This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
 
 
</body>
</html>
 
 

 
 
 


                

        

        

    

  


    

      

        

            

              
                
                  wmnmtm
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
jQuery使用hide方法隐藏指定元素class样式用法实例

				
			

			

				

					10-24
				

			

		

		

			
				
主要介绍了jQuery使用hide方法隐藏指定元素class样式,实例分析了jQuery中hide隐藏class样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

			
		

	



                

              
                



	

		

			

				
					
jquery 通过class名称  控制标签的显示隐藏

				
			

			

				

					weixin_45597857的博客
				

				

					12-04
					
					4007
					
				

			

		

		

			
				
html：
		<div class="search_nr" >
			<div class="fl nr_left" >
				<input type="text" id="searchWord" name="keywords" value="java" class="txt1"/> 
				<input type="button" onclick="doFirstSearch('subformgeneral')" class="but1 fontweight

			
		

	



                


  
              

                


	

		

			

				
					
js和jquery控制显示隐藏及控制class，css

				
			

			

				

					
				

				

					02-08
					
					9236
					
				

			

		

		

			
				
改变classjs改变class使用thumb.className = imgtransparent;jquery改变class使用$(#thisinntitle).removeClass();$(#thisinntitle).addClass(xchangemenuItem); 显示隐藏js隐藏使

			
		

	





	

		

			

				
					
jq取class值 以及设置隐藏属性

				
			

			

				

					qq_17152035的博客
				

				

					06-19
					
					1148
					
				

			

		

		

			
				
var avlaue = $("#index").attr("class");
   if(avlaue == 'active J_menuTab'){
       alert(avlaue);
   $("#indexid").css("display","block");
}else {
       alert("avlaue =" + avlaue);
       $("#indexi

			
		

	



		

			
		



	

		

			

				
					
jQuery常用操作方法及常用函数总结

				
			

			

				

					12-01
				

			

		

		

			
				
`$(“标签.class样式名”)`则通过类名选取元素，例如`$(".myClass")`将选取所有类名为"myClass"的元素。  接下来，jQuery提供了丰富的操作元素的方法。`$(“#ID”).val()`用于获取元素的值，如表单输入框的值，`$(...

			
		

	





	

		

			

				
					
jQuery 常见操作实现方式和常用函数方法总结

				
			

			

				

					12-08
				

			

		

		

			
				
5. `$(“标签.class样式名”)`：通过类名选取元素，`$(".myClass")`会选择所有具有`myClass`类的元素。  接着，我们可以进行元素的操作：  1. `$(“#ID”).val();`：获取元素的`value`属性值。 2. `$(“#ID”).val...

			
		

	





	

		

			

				
					
jquery对元素隐藏的操作

				
			

			

				

					哦绝影
				

				

					07-21
					
					493
					
				

			

		

		

			
				
$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏所有段落

$(".test").hide() - 隐藏所有 class="test" 的所有元素

$("#test").hide() - 隐藏所有 id="test" 的元素

			
		

	





	

		

			

				
					
使用class类实现显示与隐藏效果

				
			

			

				

					LzzMandy的博客
				

				

					07-05
					
					4434
					
				

			

		

		

			
				
1、源码&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt

			
		

	





	

		

			

				
					
W3School离线手册(2014.7.8)

				
			

			

				

					07-09
				

			

		

		

			
				
W3School离线手册(2014.7.8)

w3school离线手册，2014年7月8日 从网站下载整理制作的chm。
要是有些人碰到chm打开空白的，有以下两方法：
①右击->属性，看是否有“解除锁定”（属性框的最下面）按钮。若有，解锁（未解锁，通常可以打开.chm但显示无法连接）。
②chm文件打不开的或者说不能正常浏览的，
可以解压“W3School_Offline(2014.7.8).rar”压缩文件，
用非IE内核浏览器（如：火狐、360浏览器等）打开"W3School_Offline(2014.7.8)"目录下的"default.htm"文件进行浏览。

——tip by PanJP

			
		

	





	

		

			

				
					
jQuery 语法

				
			

			

				

					blrk
				

				

					04-28
					
					655
					
				

			

		

		

			
				
jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。
基础语法是：$(selector).action()
    美元符号定义 jQuery
    选择符（selector）“查询”和“查找” HTML 元素
    jQuery 的 action() 执行对元素的操作
示例
$(this).hide() - 隐藏当前元素
$("p").hide() -

			
		

	





	

		

			

				
					
jQuery笔记

				
			

			

				

					ainiliruibo的博客
				

				

					11-07
					
					240
					
				

			

		

		

			
				
Jqery的功能包括

1、HTML的元素选取

2、HTML的元素操作

3、HTML DOM遍历和修改

4、js特效和动画效果

5、css操作

6、HTML时间操作

7、Ajax异步请求方式

jQuery语法

jQuery是通过选取HTML元素，并对选取的元素执行某些操作

$(this).hide()       隐藏当前元素

$("p").hide()        隐藏所有<p>元素

$("p.test").hide()    ...

			
		

	





	

		

			

				
					
js添加移除class、显示与隐藏

				
			

			

				

					dingchong9059的博客
				

				

					01-12
					
					5719
					
				

			

		

		

			
				
css：
.hide{display: none;}			.item{display: inline-block;cursor: pointer;padding: 0 20px;}			.inl{display: inline-block;}			.rotate-1{-webkit-animation: rotate-1 1s linear both;}			.rotate-2{-we...

			
		

	





	

		

			

				
					
jq实现点击显示，其它同class元素隐藏的效果

				
			

			

				

					元曦的博客
				

				

					09-10
					
					2737
					
				

			

		

		

			
				
折腾了好久 终于找到个哥们写得不错了 收藏之后我老是找不到收藏在哪 只好转载一份


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
 
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=de

			
		

	





	

		

			

				
					
jQuery removeClass 技巧_移除多个标签

					
热门推荐

				
			

			

				

					喵爬架
				

				

					02-27
					
					1万+
					
				

			

		

		

			
				
jQuery removeClass 技巧_移除多个标签



$('.xx').attr('class','a b c');
$('.xx').removeClass('a');

但是突然之间，需要我一次性清除掉两个class，那么这个时候我就懵了，怎么在不影响之前存在的class的情况下移除多个值呢？第一反应就是去w3cschool寻找答案，并获取了解决方法：



//只需要通过空格来间隔...

			
		

	





	

		

			

				
					
jQuery获取class相同的div中的最后一个

				
			

			

				

					心中有侠
				

				

					10-07
					
					1万+
					
				

			

		

		

			
				

$("div[class=active]:last")

 

			
		

	





	

		

			

				
					
jQuery隐藏与显示密码

				
			

			

				

					焕小谢的博客
				

				

					04-17
					
					2691
					
				

			

		

		

			
				
开发工具与关键技术：DW与 HTML、jQuery
作者：谢钟焕
撰写时间：2019/03/31

在我们的登录页面呢密码的隐藏与显示是我们经常会用到的东西，所以我就使用了jQuery编写了一个显示与隐藏密码的案例。
HTML代码：
<div class="content">
	<div class="from">
		<div>
			<span cla...

			
		

	





	

		

			

				
					
jquery控制元素的隐藏和显示的几种方法

				
			

			

				

					杨明金的博客
				

				

					11-07
					
					1万+
					
				

			

		

		

			
				
使用jquery控制div的显示与隐藏，一句话就能搞定，例如：



方法一

显示：


$("#id").show()表示为display：block，

隐藏：


$("#id").hide()表示为display:none;



方法二


$("#id").toggle();


切换元素的可见状态。如果元素是可见的，切换为隐藏的；

如果元素是隐藏的，则切换为可见的。




方法三

显示：


$("#id").css('display','block');//显示

隐藏：


...

			
		

	





	

		

			

				
					
Jquery快速入门与核心函数解析

				
			

			

				

					
				

			

		

		

			
				
- `$("p.test").hide()` 隐藏所有class为"test"的段落。 - `$("#test").hide()` 隐藏ID为"test"的元素。  Jquery使用CSS选择器来选取元素，例如： - `$("p")` 选取所有的`<p>`元素。 - `$("p.intro")` 选取所有class...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值