首页 > PHP资讯 > HTML5培训技术 > jquery学习笔记----隐藏、显示、切换,滑动,淡入淡出,

jquery学习笔记----隐藏、显示、切换,滑动,淡入淡出,

HTML5培训技术

通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:

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

隐藏

标签:

    jquery1.
     	<script src="jquery-1.10.2.min.js">	《script》	    <script  language="javascript" type="text/javascript">	$(document).ready(	function(){		$("p").click(		function(){		$(this).hide();		});	});    《script》          

如果你点我,我就消失1

如果你点我,我就消失2

如果你点我,我就消失3

jquery2.html     	<script src="jquery-1.10.2.min.js">	《script》	    <script  language="javascript" type="text/javascript">	$(document).ready(function(){	  $(".ex .hide").click(function(){		$(this).parents(".ex").hide("slow");	  });	});	《script》	         

中国办事处

联系人:张先生
北三环中路 100 号
北京

美国办事处

联系人:David
第五大街 200 号
纽约



通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:

    jquery3.html     	<script src="jquery-1.10.2.min.js">	《script》	    <script  language="javascript" type="text/javascript">	$(document).ready(function(){	  $("#hide").click(function(){	  $("p").hide();	  });	  $("#show").click(function(){	  $("p").show();	  });	});    《script》     	

如果点击“隐藏”按钮,我就会消失。


HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持49不支持0