美文网首页前端全栈开发
jqurey事件 ready用法

jqurey事件 ready用法

作者: a333661d6d6e | 来源:发表于2018-10-25 21:36 被阅读1次

事件方法会触发匹配元素的事件,jqurey事件 ready用法或将函数绑定到所有匹配元素的某个事件。

image.png

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>//jqurey事件 ready用法

欢迎加入全栈开发交流群一起学习交流:864305860
定义和用法:

当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。

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

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

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

允许使用以下三种语法:

1、$(document).ready(function);
2、$().ready(function);
3、$(function);
注:function必须带有
ready() 函数不应与 <body onload=""> 一起使用。

相关文章

  • jqurey事件 ready用法

    事件方法会触发匹配元素的事件,jqurey事件 ready用法或将函数绑定到所有匹配元素的某个事件。 ready ...

  • jquery 常用方法

    一、jqurey中,$(document).ready()是什么意思?和window.onload的区别?还有其他...

  • jqurey事件

    jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML...

  • 第 6 章 jQuery 事件与应用

    页面加载时触发 ready() 事件 ready()事件类似于onLoad()事件,但前者只要页面的 DOM 结构...

  • jquery-事件

    页面加载时触发ready()事件 ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便...

  • 介绍以下 jQuery 方法的用法,给出范例

    .each() $.extend() .clone() .index() .ready() 用法与范例 .each...

  • 面试笔记

    1、onload和ready ready:jquery方法,对应原生的DOMContentLoaded 事件,表示...

  • jQuery事件

    jQuery其他事件 S原生写法 jQuery写法,等同于上面写法 ready的写法 ready的简写 绑定事件 ...

  • 事件捕获

    一.事件 1.ready()当HTML文档加载完成时触发.$(document).ready(function()...

  • 2019-04-16JQurey词汇

    # JQurey词汇 #

网友评论

    本文标题:jqurey事件 ready用法

    本文链接:https://www.haomeiwen.com/subject/lbthtqtx.html