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

最新推荐文章于 2021-06-04 18:44:19 发布
最新推荐文章于 2021-06-04 18:44:19 发布
阅读量489 收藏
点赞数
版权声明：本文为博主原创文章，遵循 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代码段》.(周敏).[PDF]@ckook

				
			

			

				

					05-06
				

			

		

		

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

			
		

	



                

              
                



	

		

			

				
					
jQuery 教程

				
			

			

				

					12-14
				

			

		

		

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

			
		

	



                


  
              

                


	

		

			

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

				
			

			

				

					无名
				

				

					07-18
					
					349
					
				

			

		

		

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

			
		

	





	

		

			

				
					
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
					
					1951
					
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					玩垃圾的人
				

				

					05-25
					
					1万+
					
				

			

		

		

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

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

			
		

	





	

		

			

				
					
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入门教程

				
			

			

				

					01-08
				

			

		

		

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

			
		

	





	

		

			

				
					
JQuery教程

				
			

			

				

					05-10
				

			

		

		

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

			
		

	





	

		

			

				
					
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
					
					187
					
				

			

		

		

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

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

2、j

			
		

	





	

		

			

				
					
jQuery中hide()方法用法实例

				
			

			

				

					Java_WuYY的专栏
				

				

					01-13
					
					2431
					
				

			

		

		

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

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

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


复制代码代码如下:

$("div").hide()

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

			
		

	





	

		

			

				
					
jQuery中筛选中next下拉菜单效果

				
			

			

				

					lnx0307的专栏
				

				

					10-04
					
					536
					
				

			

		

		

			
				
webrx-title


$(document).ready(function(e) {
    $('h1.menu').next().css('display','none');
    $('h1.menu').click(function(){
        //$(this).next().show(); 
        //$('h1').next().css('d

			
		

	





	

		

			

				
					
jQuery 效果 - 隐藏和显示

				
			

			

				

					前端技术教程
				

				

					09-06
					
					409
					
				

			

		

		

			
				
Html代码： 
复制代码代码如下:


 
学习天地 
 
1111111111 
2222222222 
333333333 
4444444444 
5555555555 
6666666666 
 
 


Jquery代码： 
第一种实现方式： 
复制代码代码如下:


1.  
$(function(){ 
$(".topicList h

			
		

	





	

		

			

				
					
JQuery语法规则

				
			

			

				

					博客之家
				

				

					07-26
					
					1447
					
				

			

		

		

			
				
1.JQuery语法：文档就绪函数



    
    
    

    
    
        //文档就绪函数
//        $(document).ready(function(){
//            //隐藏元素
//            $('p').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/

			
		

	





	

		

			

				
					
GoC函数列表（二）

				
			

			

				

					Flysa_1的博客
				

				

					09-11
					
					1118
					
				

			

		

		

			
				
p.size(width);
把笔的粗细设为width
p.up();
抬笔（就是说这样笔就画不出图来了）
p.down();
落笔
p.show();
显示笔头，因为GoC默认是不显示笔的
p.hide();
隐藏笔头
p.speed(v);
将笔的速度设为v，1是最慢，10是最快
p.scale®;
将笔的比例设为r，1是原来比例，小于1则会使画的图变小，大于1会使画的图变大
showXY(mod.color);
显示坐标，mod可以是0-4，两个参数可以都不加，假如都不加的话就会画出黑色的，mod为0

			
		

	





	

		

			

				
					
html显示隐藏事件,jquery隐藏显示的合成事件

				
			

			

				

					weixin_29304713的博客
				

				

					06-04
					
					216
					
				

			

		

		

			
				
$(function(){$("#panel h5.head").hover(function(){//鼠标移动事件$(this).next().show();},function(){$(this).next().hide();})})什么是jQuery?jQuery是继Prototype之后又一个优秀的JavaScript库，它是一个由 John Resig 创建于2006年1月的开源项目。j...

			
		

	





	

		

			

				
					
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、付费专栏及课程。

              

            

          

      

      余额充值