jQuery与JS加载事件用法分析


Posted in Javascript onSeptember 04, 2016

本文实例分析了jQuery与JS加载事件用法。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>加载事件</title>
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
</head>
<body onload="alert('js');">
<style type="text/css">
#bbb{ background-color:#039;}
</style>
<div class="aaa" id="bbb">
  无标题文档1
</div>
<div class="aaa" id="bbb">
  无标题文档2
</div>
<div class="aaa" id="bbb">
  无标题文档3
</div>
<script type="text/javascript">
//jQ 也是js来的,不同的是使用js封装是一个库,所以也叫 js 库
//jQ 把文档结构加载完后,就开始加载 jQ
//$(document).ready(function(){})可以简写成$(function(){});
$(function(){
  alert('jq');
});
$(function(){
  alert('jq2');
});
$(function(){
  alert('jq3');
});
$(function(){
  alert('jq4');
});
$(document).ready(function(){ // == $(function(){
  alert('jq5');
});
//js onload 事件会在页面或图像加载完成后立即发生。
//onload 不能同时出现两次
window.onload = function(){
  alert('js2')
}
//$(function(){});这个是在页面DOM文档加载完成后加载执行的,等效于$(document).ready(function(){...});
//优于window.onload,后者必须等到页面内包括图片的所有元素加载完毕后才能执行。
</script>
</body>
</html>

效果图:

jQuery与JS加载事件用法分析

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
jquery中的 $(&quot;#jb51&quot;)与document.getElementById(&quot;jb51&quot;) 的区别
Jul 26 Javascript
javaScript 页面自动加载事件详解
Feb 10 Javascript
关于jQuery判断元素是否存在的问题示例探讨
Jul 21 Javascript
浅谈Javascript如何实现匀速运动
Dec 19 Javascript
JavaScript显示当前文档最后修改日期的方法
Mar 19 Javascript
javascript中传统事件与现代事件
Jun 23 Javascript
JS遍历数组及打印数组实例分析
Jan 21 Javascript
jQuery.Callbacks()回调函数队列用法详解
Jun 14 Javascript
jQuery实现鼠标经过显示动画边框特效
Mar 24 jQuery
BootStrap 动态表单效果
Jun 02 Javascript
JavaScript切换搜索引擎的导航网页搜索框实例代码
Jun 11 Javascript
node 使用 async 控制并发的方法
May 07 Javascript
jQuery轮播图效果精简版完整示例
Sep 04 #Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
Sep 04 #Javascript
jQuery实现的自定义弹出层效果实例详解
Sep 04 #Javascript
JS简单实现仿百度控制台输出信息效果
Sep 04 #Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
Sep 04 #Javascript
JS简单测试循环运行时间的方法
Sep 04 #Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
Sep 04 #Javascript
You might like
PHP 开源AJAX框架14种
2009/08/24 PHP
PHP排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
php 错误处理经验分享
2011/10/11 PHP
无刷新动态加载数据 滚动条加载适合评论等页面
2013/10/16 PHP
php分页查询mysql结果的base64处理方法示例
2017/05/18 PHP
php图像验证码生成代码
2017/06/08 PHP
Nigma vs Liquid BO3 第二场2.13
2021/03/10 DOTA
prototype class详解
2006/09/07 Javascript
JTrackBar水平拖动效果
2007/07/15 Javascript
javascript特殊用法示例介绍
2013/11/29 Javascript
jQuery学习笔记之toArray()
2014/06/09 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
2014/09/04 Javascript
Nodejs实现多人同时在线移动鼠标的小游戏分享
2014/12/06 NodeJs
jQuery中queue()方法用法实例
2014/12/29 Javascript
javascript异步处理工作机制详解
2015/04/13 Javascript
JavaScript取得WEB安全颜色列表的方法
2015/07/14 Javascript
javascript实现随机生成DIV背景色
2016/06/20 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
2016/11/23 Javascript
微信小程序 支付简单实例及注意事项
2017/01/06 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
2019/10/30 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
2020/08/12 Javascript
使用webpack5从0到1搭建一个react项目的实现步骤
2020/12/16 Javascript
Python的多态性实例分析
2015/07/07 Python
python3 与python2 异常处理的区别与联系
2016/06/19 Python
Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例
2018/05/21 Python
Python Learning 列表的更多操作及示例代码
2018/08/22 Python
pyinstaller打包单个exe后无法执行错误的解决方法
2019/06/21 Python
阿根廷票务网站:StubHub阿根廷
2018/04/13 全球购物
个人实用的自我评价范文
2013/11/23 职场文书
管理部副部长岗位职责范文
2014/03/09 职场文书
珍惜资源的建议书
2014/08/26 职场文书
我们的节日重阳节活动总结
2015/03/24 职场文书
2015年大学班长个人工作总结
2015/04/24 职场文书
anaconda python3.8安装后降级
2021/06/11 Python
Python测试框架pytest高阶用法全面详解
2022/06/01 Python