Rumah >hujung hadapan web >tutorial js >jqurey中ready的用法

jqurey中ready的用法

一个新手
一个新手asal
2017-09-30 09:02:411704semak imbas

ready 在文档加载后激活函数

例:


<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() 函数仅能用于当前文档,因此无需选择器。

允许使用以下三种语法:

1、$(document).ready();
2、$().ready();
3、$();

Atas ialah kandungan terperinci jqurey中ready的用法 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:AJAX使用方法,具体的Artikel seterusnya:js复选框全选反选的方法