jQuery-事件-ready() 方法

版权声明:fromZjy QQ1045152332 https://blog.csdn.net/qq_36762677/article/details/83304779

在文档加载后激活函数

<html>
	<head>
	<script type="text/javascript" src="/jquery/jquery.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
		 	 $(".btn1").click(function(){
		 	 	//使用滑动效果(高度变化)来切换元素的可见状态
		 		 $("p").slideToggle();
		 	 });
		});
	</script>
	</head>
		<body>
		<p>This is a paragraph.</p>
		<button class="btn1">Toggle</button>
	</body>
</html>
  • 当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。

  • 由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。正如上面的例子中那样。

  • ready() 函数规定当 ready 事件发生时执行的代码。

  • ready() 函数仅能用于当前文档,因此无需选择器。

提示:ready() 函数不应与 <body onload=""> 一起使用。

猜你喜欢

转载自blog.csdn.net/qq_36762677/article/details/83304779
今日推荐