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

最新推荐文章于 2021-11-12 15:08:37 发布
最新推荐文章于 2021-11-12 15:08:37 发布
阅读量521 收藏
点赞数
版权声明：本文为博主原创文章，遵循 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
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
jQuery预习

				
			

			

				

					molu122的博客
				

				

					12-01
					
					562
					
				

			

		

		

			
				
什么是 jQuery？
jQuery 库可以通过一行简单的标记被添加到网页中。
jQuery是一个JavaScript函数库。
jQuery是一个轻量级的"写的少，做的多"的JavaScript库。可以使用 HTML 的  标签引用它：
例：
 
 

 将下载的文件放在网页的同一目录下，就可以使用jQuery。


jQuery库包含以下功能：
• HTML 元素选取

			
		

	



                

            
              



	

		

			

				
					
jQuery基础知识汇总

				
			

			

				

					z2431435的博客
				

				

					08-25
					
					1977
					
				

			

		

		

			
				
jQuery是一个快速、简洁的JavaScript框架。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

			
		

	



              


  
              

                


	

		

			

				
					
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
					
					2482
					
				

			

		

		

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

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

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


复制代码代码如下:

$("div").hide()

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

			
		

	



		

			
		



	

		

			

				
					
jQuery第一天 hide()函数

				
			

			

				

					Sunny笨笨
				

				

					12-13
					
					752
					
				

			

		

		

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

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

			
		

	





	

		

			

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

				
			

			

				

					逍遥游的博客
				

				

					11-28
					
					1090
					
				

			

		

		

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


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


			
		

	





	

		

			

				
					
jQuery入门到精通.txt

				
			

			

				

					04-20
				

			

		

		

			
				
- **简化写法**：`$.get()` 和 `$.post()` 简化了 AJAX 请求的发送过程。  ### 五、插件开发与使用  #### 5.1 插件开发 - **定义插件**：  ```javascript  (function($) {  $.fn.myPlugin = function(options) {  //...

			
		

	





	

		

			

				
					
JQUERY教程1.pdf

				
			

			

				

					10-08
				

			

		

		

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

			
		

	





	

		

			

				
					
jquery简明教程.pdf

				
			

			

				

					10-08
				

			

		

		

			
				
9. 循环遍历：在jQuery中，$.each()函数可以用来遍历数组或者对象。例如，可以遍历所有图片元素并将它们的src属性替换为新的图片地址。  10. 索引和选择器：使用eq()方法可以选择特定索引的元素。比如，$("p").eq(1)...

			
		

	





	

		

			

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

				
			

			

				

					无名
				

				

					07-18
					
					391
					
				

			

		

		

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

			
		

	





	

		

			

				
					
jquery_4（显示和隐藏）

				
			

			

				

					weixin_44292241的博客
				

				

					11-12
					
					721
					
				

			

		

		

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

				
			

			

				

					aizhiyou1618的博客
				

				

					05-24
					
					125
					
				

			

		

		

			
				
jQuery 语法
jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。
基础语法：$(selector).action()

美元符号定义 jQuery
选择符（selector）"查询"和"查找" HTML 元素
jQuery 的 action() 执行对元素的操作

实例:


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


...

			
		

	





	

		

			

				
					
jQuery知识点

				
			

			

				

					BIackMamba的博客
				

				

					08-15
					
					421
					
				

			

		

		

			
				
jQuery知识点jQuery 简介jQuery 语法语法文档就绪函数jQuery 选择器选择器元素选择器属性选择器CSS 选择器jQuery 事件事件常见的dom事件方法语法jQuery 名称冲突常用的 jQuery 事件方法关于获取触发事件的说明
jQuery 简介

jQuery 库可以通过一行简单的标记被添加到网页中。
jQuery是一个JavaScript函数库。
jQuery是一个轻量...

			
		

	





	

		

			

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

				
			

			

				

					mikeson888的专栏
				

				

					03-01
					
					1982
					
				

			

		

		

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

			
		

	





	

		

			

				
					
jQuery 笔记

				
			

			

				

					qq_18072961的博客
				

				

					05-22
					
					377
					
				

			

		

		

			
				
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
					
					212
					
				

			

		

		

			
				
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基础系列

				
			

			

				

					weixin_33915554的博客
				

				

					04-22
					
					222
					
				

			

		

		

			
				
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
复制代码

jQuery 入口函数:
$(document).ready(function(){
    // 执行代码
});
或者
$(function(){
    // 执行代码
});

JavaScript 入...

			
		

	





	

		

			

				
					
$(this).hide();事件

				
			

			

				

					u012782830的博客
				

				

					02-05
					
					1245
					
				

			

		

		

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

			
		

	





	

		

			

				
					
jQuery入门教程：快速掌握JavaScript库的八大功能

				
			

			

				

					
				

			

		

		

			
				
jQuery教程.doc是一份详尽的指南，旨在帮助读者快速理解和掌握这个流行的JavaScript库。jQuery作为JavaScript的一个功能强大的工具，其核心目标是简化开发者在处理HTML、CSS和JavaScript交互方面的编程工作。该教程...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值