jQuery入门(1) 加载事件

最新推荐文章于 2023-11-14 09:34:29 发布
最新推荐文章于 2023-11-14 09:34:29 发布
阅读量582 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript jquery 加载事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A289672082/article/details/51455731
版权

页面加载事件






jQuery写法


归类:

$(document).ready(函数回调);
$(函数回调);



CODE————————————–>>>>>>>>>>>>>>

$(document).ready(load);

或

$(document).ready(function(){});

或 

$(function(){});




JavaScript写法

window.onload = 函数回调

CODE———————–>>>>>>>>>>>>>>>>>>>

function   loadjs(){

    alert("Load!");

}
window.onload = loadjs;






元素加载事件





jQuery写法

$(元素).ready(函数回调);

------------------HTML------------------------
<body>
 <a id="btn" class="ui-btn">sdd</a>
</body>
------------------js------------------------
function  load()
{
     alert("document load");
    $("#btn").ready(function(){

        alert("btn ready");

    });


}
$(document).ready(load);

亦或在js程序流中设置元素加载事件: 触发的顺序不是按元素的层次,而是按代码的执行顺序

function  load()
{
     alert("document load");

} 
$("#btn").ready(function(){

    alert("btn ready");

});
 $(document).ready(load);

先触发按钮的load 然后才触发document的load事件

A289672082
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
load()方法---------jQuery动态加载html
weixin_30339457的博客
01-05 1824
我的个人德州扑克项目https://github.com/mingzijian/pokers，欢迎给星星。 jquery代码 $("#div").load("test.html"); test.html ----------------被加载页面（有<HTML><HEAD><META><BODY>等的完整页面 ） $...
jQuery 入门讲解1
10-30
本文将深入讲解jQuery的入门知识，包括其优点、构造函数以及一些基本的DOM操作方法。 首先，jQuery 的优点是多方面的。它的体积小巧，例如，版本1.2.3只有15kb，这使得它在网页加载速度方面表现优秀。jQuery 提供了...
页面加载完成后再执行JS的jquery写法以及区别说明
海阔天空的博客
02-23 1048
1、$(function(){  　　$("#a").click(function(){  　　　　//adding your code here  　　});  });  2、$(document).ready(function(){  　　$("#a").click(function(){  　　　　//adding your code here　　  　　});  }); 
JS库-jQuery入门到掌握
maohe的博客
10-22 1607
jQuery入门到掌握全知识点，用于学习和回顾jQuery知识，内容有许多举例和案例配合说明。2022-10-22.
关于页面加载即执行JQuery的三种方法小结
zlq_hh的专栏
05-26 588
第二种是第一种的完整形式。
Java培训：jQuery框架之页面加载事件
Blue92120的博客
11-14 68
在传统的JavaScript中，若要实现页面加载事件，需要在body标签中添加onload事件属性，或用window.onload方式注册事件，但是都必须等待网页中所有内容加载完成后才能执行。通过ready()方法可以在页面加载后立即执行任务，并允许注册多个事件处理程序。在上述语法中，第一种是完整写法，即调用document元素的ready()事件方法。第二种语法省略了document，第三种语法省略了ready()。ready()方法与window.onload方法的对比如表15-10所示。
JQuery入门，JQuery总结
最新发布
01-05
**jQuery入门与总结** jQuery是一个深受开发者喜爱的JavaScript库，它的出现极大地方便了JavaScript的编程，使得HTML元素的选择、操作和隐藏等任务变得更加简单。jQuery的核心理念是"write less, do more"，即用更...
jQuery入门 构造函数
10-29
jQuery 是一个广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理、动画设计以及Ajax交互。在本文中，我们将深入探讨jQuery的构造函数及其相关的功能。 首先，jQuery的构造函数是创建jQuery对象的关键，它...
jQuery入门基础知识学习指南
10-23
本文将深入介绍jQuery入门的基础知识，帮助初学者快速掌握这个强大的工具。 首先，理解jQuery的核心概念——选择元素并进行操作。jQuery支持CSS选择器，包括ID选择器（`#myId`）、类选择器（`.myClass`）、属性选择...
jQuery加载
dinan9786的博客
03-11 142
原文来自：脚本之家 1. Jquery中$(document).ready()与原生JS的window.onload的区别： 1）执行时间： window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，无需等到图片或其他媒...
jquery加载的四种方式
王二狗
10-18 284
jquery几种加载方式
kang123488的博客
10-13 3722
1.(function($){...})(jQuery) 实际上是执行()(para)匿名方法,只不过是传递了jQuery对象，用来定义一些需要预先定义好的函数。 2.(function(){ }) 则是用来在DOM加载完成之后运行\执行那些预行定义好的函数.DOM结构绘制完毕后就执行，不必等到加载完毕，可以同时编写多个，并且都可以得到执行 3.window.onload 等到页面内包括
jquery的两种常用自动加载方法
wang_tao219的博客
03-31 2346
一、jquery的两种常用自动加载方法： 1、 (function($){ })(jQuery); 2、 $(function(){ }); 加载的先后顺序： 第一步：代码块1加载。（是在css(html)信息加载完毕前运行。） 第二步：代码块2加载。（是在css(html)信息加载完毕后运行，实际开发中试用与动态加载图片效果下使用）
jQuery系列之页面载入
老__L的博客
08-13 948
当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。简单地说，这个方法纯粹是对向事件注册事件的替代方法。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。请确保在元素的onload事件中没有注册函数，否则不会触发事件。可以在同一个页面中无限次地使用事件。其中注册的函数会按照（代码中的）先后顺序依次执行。
jQuery页面加载事件
zhansan的博客
06-04 3883
jQuery页面加载事件
jquery初始加载的几种方式
qq_39673417的博客
06-04 671
Jquery加载的几种方式 //①页面加载完之前执行,与嵌入的js加载方式一样 (function ($) { alert(‘start’); })(jQuery); //②页面加载后执行 $(document).ready(function(){ alert(‘jquery ready’); }); //③页面加载后执行 $(function(){ alert(‘jquery onload’); }); //④页面加载后执行 jQuery(function($) { alert('jQuery ready
细说jQuery如何实现懒加载
aa_mmnn的博客
03-18 6824
一、为什么需要懒加载？ 对于图片过多的使用场景，为了提高页面加载速度，改善用户体验，我们对未出现在视野范围内的图片先不进行加载，等到出现在视野范围才去加载。 二、懒加载的实现原理 -它的实现原理很简单，先把img的src指向一个小图片，图片真实的地址存储在img一个自定义的属性里,,等到此图片出现在视野范围内了，获取img元素，把data-src里的值赋给src。 三、实现懒加载必备的
页面加载即执行JQuery的三种方法
热门推荐
小小默：进无止境
12-26 6万+
【1】$(function( ){ }）； $(function(){ 　　$("#name").click(function(){ 　　　　//adding your code here 　　}); }); 【2】 $(document).ready(function( ){ }) $(document).ready(function(){ 　　$("#name").click
JQuery入门教程：事件与DOM操作
特别强调了$(document).ready()事件处理程序的使用，它是确保代码在网页加载完成后执行的关键。" 在深入探讨JQuery事件之前，首先理解JQuery是什么至关重要。JQuery是由John Resig在2006年创建的一个JavaScript库，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值