jquery教程 $("p").hide()

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

 

 

 

 
 
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(
 
 
 function(){
  $("button").click(
 function(){
  $(this).hide();
 }
 );
 
 
  $("a").click(
 function(){
  $(this).hide();
 }
 );
 
 
  $("span").click(
 function(){
  $(this).hide();
 }
 );
 }
 
 
);
</script>
</head>
 
 
<body>
<button type="button">Click me</button>
 
 
<a>dddd</a>
 
 
<span>spanhide</span>
 
 
</body>
 
 
</html>
 
 

 
 
 
  jquery教程 (p).hide() - 加菲 - 加菲猫 
 
 
 
 命令用tab缩进书写，可以更清晰的看到代码的层次结构，更易理解。
 
 
 
 
 
下面这个是上述代码的简化版，上面的代码是从下面扩充加了几行得到的：
 
 
 
 
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(
 
 
 function(){
  $("button").click(
 
 
 function(){
  $(this).hide();
 }
 
 
 );
 }
 
 
);
</script>
</head>
 
 
<body>
<button type="button">Click me</button>
</body>
 
 
</html>
 
 
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
  $(this).hide();
});
});
</script>
 
 
注意在什么情况下，尾部要加分号；
 
 
function ( )不需要分号
 
 
 
 
 
 
 
 $(document).ready(
 
 
);
 
 
 
 
 
 
 
 
$("button").click(
 
 
 
 
 
);
 
 
 
 
 
 
 
 
function(){
 
 

}
 
 

 
 
 
 
 
 

 
 
 


                

        

        

    




    

      

        

            

              
                
                  wmnmtm
                
              
            

            

                关注
              
            

        

        

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

      

      










                



	

		

			

				
					
jQuery 教程

				
			

			

				

					12-14
				

			

		

		

			
				
jQuery 教程  jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。 本章节的每一篇都包含了在线实例 通过本站的在线编辑器，你可以在线运行修改后的代码，并查看运行结果。 ...

			
		

	



                

              
                



	

		

			

				
					
jquery入门教程

				
			

			

				

					01-08
				

			

		

		

			
				
本篇jQuery入门教程旨在帮助初学者理解并掌握jQuery的基本用法和核心概念。  首先，jQuery的核心语法是通过选择器选取HTML元素，然后对这些元素进行操作。基本语法结构如下： ```javascript $(selector).action() ``...

			
		

	



                


  
              

                


	

		

			

				
					
jQuery的hide()函数隐藏、显示

				
			

			

				

					玩垃圾的人
				

				

					05-25
					
					1万+
					
				

			

		

		

			
				
前言    使用JavaScript的时候，要隐藏和显示标签非常的麻烦，现在jQuery实现了隐藏和显示功能，并且有了淡入淡出的效果。运用通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：$("#hide").click(function(){
  $("p").hide();
});

$("#show").click(function(){
  ...

			
		

	





	

		

			

				
					
jQuery中hide()方法用法实例

				
			

			

				

					Java_WuYY的专栏
				

				

					01-13
					
					2431
					
				

			

		

		

			
				
本文实例讲述了jQuery中hide()方法用法。分享给大家供大家参考。具体分析如下：

此方法可以将匹配元素隐藏。

hide()方法的用法:
此方法如果没有对隐藏效果加以时间限定，那么匹配元素会被瞬间隐藏。例如：


复制代码代码如下:

$("div").hide()

以上代码可以将所有div元素瞬间隐藏。
如果方法对隐藏效果加以时间限定，那么匹配元素将会在限定的

			
		

	



		

			
		



	

		

			

				
					
jQuery第一天 hide()函数

				
			

			

				

					Sunny笨笨
				

				

					12-13
					
					716
					
				

			

		

		

			
				
第一次准备先彻底疏通一遍Jquery才决定就先从hide()函数开始,hide()函数主要的功能就是隐藏属性和各种标签以及form表单的标签.从最近做的项目上看,多数用于需要传值中转.通过与JSTL表达式的匹配使用将标签显示出来或者隐藏 ,便于节省页面的美观和代码的节省.

        由于是第一次走一遍疏通大多也是借鉴了W3C上面的例子结合Jquery权威指南的理解.通常$符号就是相当于

			
		

	





	

		

			

				
					
jQuery hide() 和 show() 隐藏和显示

				
			

			

				

					逍遥游的博客
				

				

					11-28
					
					1071
					
				

			

		

		

			
				
通过$("#p").hide()来操作隐藏
通过$("#p").show()来操作显示


$(document).ready(function(){
  $("#hide").click(function(){
    $("#p").hide();
  });
  $("#show").click(function(){
    $("#p").show();
  });


			
		

	





	

		

			

				
					
JQuery教程详解一之语法与事件

				
			

			

				

					无名
				

				

					07-18
					
					349
					
				

			

		

		

			
				
JQuery教程详解一之语法与事件

			
		

	





	

		

			

				
					
JQUERY教程1.pdf

				
			

			

				

					10-08
				

			

		

		

			
				
 `$.ajax()`是jQuery中的核心AJAX函数，用于异步数据交互。还有`$.get()`和`$.post()`这样的简化版本，以及`$.getJSON()`用于获取JSON格式的数据。  8. **插件程序**  jQuery拥有丰富的插件生态系统，开发者可以利用...

			
		

	





	

		

			

				
					
jquery基础教程[定义].pdf

				
			

			

				

					10-11
				

			

		

		

			
				
 - `$("p").hide()` 隐藏所有`<p>`元素，这是jQuery的内置动画效果之一。  - `$("button").click(function() { ... })` 绑定点击事件到`<button>`元素上。  5. **jQuery事件处理**：  - `click`事件是常见的用户交互...

			
		

	





	

		

			

				
					
JQuery教程

				
			

			

				

					05-10
				

			

		

		

			
				
总的来说，JQuery教程涵盖了从基础到高级的各个方面，包括安装、基本语法、选择器、事件处理、动画效果、DOM操作和AJAX交互。通过学习JQuery，开发者能够快速高效地编写出具有复杂交互的网页应用。

			
		

	





	

		

			

				
					
《超实用的jQuery代码段》.(周敏).[PDF]@ckook

				
			

			

				

					05-06
				

			

		

		

			
				
《超实用的jQuery代码段》精选近350个jQuery代码段，涵盖页面开发中绝大多数要点、技巧与方法，堪称史上最实用的jQuery代码参考书，可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器，充分向读者演示了如何使用jQuery的各项技术，实现令人激动的网页效果。
　　《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发，对最实用的jQuery代码段进行了全方位的介绍和演示。全书分为11章，包含网页效果、DOM元素与属性、HTML事件、CSS样式、用户输入自动完成、拖放、图形图像、AJAX、算法、jQuery Mobile应用、浏览器、Cookies等jQuery技术内容，对提高网站开发人员和设计人员的jQuery技术水平有指导作用。

			
		

	





	

		

			

				
					
jquery_4（显示和隐藏）

				
			

			

				

					weixin_44292241的博客
				

				

					11-12
					
					703
					
				

			

		

		

			
				
1.方法一（hide-show）

语法：

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

speed速度，callback回调函数

2.效果，折扇似的隐藏

$('p').hide()、$('p').hide(slow)、$('p').hide(fast)、$('p').hide(1000)

$('p').show()、$('p').show(slow)、$('p').show(fast)、$('p')...

			
		

	





	

		

			

				
					
jQuery 04 事件和动画

				
			

			

				

					chenxian6841的博客
				

				

					06-04
					
					115
					
				

			

		

		

			
				
加载DOM，在常规的JS中，通常使用window.onload方法。在jQuery中，使用 
  $(document).ready(function(){}),在DOM加载完时就执行，不必等到相关资源加载。 如果需要等所有内容都加载完毕再执行可以用： 
   
  $(...

			
		

	





	

		

			

				
					
$(document)、$("p").hide(1000)、$("p.intro")、$("p#demo")、jquery属性选择器

				
			

			

				

					mikeson888的专栏
				

				

					03-01
					
					1953
					
				

			

		

		

			
				
1. $(document).ready(function(){});这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。
2. 由于JavaScript 语句（指令）是逐一执行的，按照次序，动画之后的语句可能会产生错误或页面冲突，因为动画还没有完成。为了避免这个情况，您可以以参数的形式添加 Callback 函数。$("p").hide(1000,function(){alert(

			
		

	





	

		

			

				
					
jQuery 笔记

				
			

			

				

					qq_18072961的博客
				

				

					05-22
					
					346
					
				

			

		

		

			
				
1.jQuery 语法实例

$(this).hide()

 演示 jQuery 的 hide() 函数，隐藏当前的 HTML 元素。

$("p").hide()

 演示 jQuery 的 hide() 函数，隐藏所有 <p> 元素。

$(".test").hide()

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

$("#test").hide()

 演示 jQuery 的 hide() 函数，隐藏 id...

			
		

	





	

		

			

				
					
jQuery学习笔记2（1）—— 语法

				
			

			

				

					江湖郎中
				

				

					12-04
					
					190
					
				

			

		

		

			
				
1、基础语法： $(selector).action()

$(this).hide() - 隐藏当前元素
	$("p").hide() - 隐藏所有 &lt;p&gt; 元素
	$("p.test").hide() - 隐藏所有 class="test" 的 &lt;p&gt; 元素
	$("#test").hide() - 隐藏所有 id="test" 的元素
 

2、j

			
		

	





	

		

			

				
					
$(this).hide();事件

				
			

			

				

					u012782830的博客
				

				

					02-05
					
					1223
					
				

			

		

		

			
				
$(document).
(function()
                 {
     $("button").click(
                      function(){
                              $(this).hide();
                                 }
          

			
		

	





	

		

			

				
					
show()方法和hide()方法

					
热门推荐

				
			

			

				

					妖怪的博客
				

				

					03-27
					
					1万+
					
				

			

		

		

			
				
1.show()方法和hide()方法是jquery中最基本的动画方法.为一个元素调用hide()方法,会将该元素样式改为none

$("element").hide()与$("element").css("display","none")相同


2.当把元素隐藏后,可以使用show()方法将元素diplay样式设置为先前的显示状态

3.show()方法和hide()方法让元素动起来

show()方法和hide()方法在不带任何参数的情况下,相当于css("display","none/block/

			
		

	





	

		

			

				
					
vue 引入jquery 使用$.ajax

					
最新发布

				
			

			

				

					06-01
				

			

		

		

			
				
在Vue中引入jQuery，并使用其中的`$.ajax`方法可以通过以下步骤来实现：  1. 安装jQuery  在Vue项目中，可以通过npm安装jQuery：  ```bash npm install jquery --save ```  2. 在Vue组件中引入jQuery  在需要使用`$....

			
		

	



              



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

  

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

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值