JQ 和 JS 的加载事件

最新推荐文章于 2022-06-04 12:47:25 发布
最新推荐文章于 2022-06-04 12:47:25 发布
阅读量158 收藏
点赞数
分类专栏： 境-JS 文章标签： jq加载 js onload 加载页面 加载事件 
<!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 οnlοad="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>

 

效果图：

 

 

 

 

iteye_17658
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js/jq input框改变事件,光标失焦事件和按压enter事件
向宇
01-13 1441
onchange: 在iput光标失焦切内容改变时执行Javascript代码 οnkeypress: 在用户按下键盘按钮时执行Javascript代码 1.html代码 <input name="sort" onchange="change_sort(this)" οnkeypress="change_sort(this)" > 2.jq代码 function change_sort(that){ var sort = $(that).val(); $.post('.
JQuery的页面加载事件
weixin_42560399的博客
08-05 5468
1. $(function(){})页面加载事件： Jquery版本1.8与之前版本，按照顺序从上到下执行，而3.3版本以上执行顺序不定 2. 核心语法： (function)回调函数/(function)回调函数/(function)回调函数/(html片段)/$(“选择器”) 如： $(function(){})页面加载事件/创建HTML标签/选择器 3.appe...
js jq 动态加载js文件
Adobe Chow 的博客
12-15 3000
1、jquery方法 $.getScript("./test.js");   //加载js文件 $.getScript("./test.js",function(){  //加载test.js,成功后，并执行回调函数   console.log("加载js文件"); }); 2、js方法 1、直接document.write       d
jquery加载事件
qq_37171379的博客
04-12 4215
javascript的加载事件： <body onload = “函数()”> window.onload = function(){} 加载事件作用：使得html和css代码先执行，最后执行javascript代码。 1.jquery加载事件实现 ① $(document).ready(function处理); $(document)是把document的dom对象变为jquery...
JQuery页面载入事件
迁就100
07-16 471
<!-- Jquery:丰富的js库,提供了大量api,快速去使用,操作ajax,动画,遍历,dom Jquery的开发步骤 1)导入js库 2)Jquery的程序入口:页面载入事件 3)给哪个标签派发事件(单击点击/其他事件) 举例:单击点击事件---完成的业务 --> <!--引入核心js库--> <script src="js/jquer...
jQ事件及操作大汇总
u011313703的博客
12-21 1456
事件 bind()        为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。 focus()       当元素获得焦点时，发生 focus 事件。 blur( )        当元素失去焦点时发生 blur 事件。 $(document).ready(function(){   $("input").focus(function()
jQuery页面加载事件
zhansan的博客
06-04 3897
jQuery页面加载事件
【js】js和jq实现回顶动画效果和滚动条监听事件详解
01-20
在网页开发中，为了提升用户体验，常常会使用JavaScript（js）和jQuery（jq）来实现各种交互效果，其中“回顶动画”和“滚动条监听事件”是非常实用的技术。这两种功能能够帮助用户轻松地返回页面顶部，并且允许...
JQ JS javascript echarts 多图表 多曲线 多柱状图 多饼图 多仪表盘 加载 多图表加载
04-18
标题和描述中提到的"JQ JS javascript echarts 多图表 多曲线 多柱状图 多饼图 多仪表盘 加载 多图表加载"，是指使用jQuery、JavaScript和ECharts库来创建一个单页面应用，该应用能够同时加载和展示多种图表，包括...
JQ JS javascript 截图功能 画图功能
04-17
在IT领域，JavaScript（JS）和jQuery（JQ）是前端开发中不可或缺的工具，尤其在实现用户交互和动态效果方面。本主题聚焦于利用这些技术实现截图和画图功能，这在现代Web应用中非常常见，比如在线教育、协作编辑、...
jQuery的页面载入事件
东境物语
12-09 1686
加载事件有两种，普通的加载事件onload和Jquery事件。 一、jQuery的页面载入事件是ready()方法.这个方法类似于传统JavaScript中的OnLoad()方法,只是在事件执行时间上有区别,OnLoad()方法的执行必须是页面中的全部元素完全加载到浏览器后才触发,在这种情况下,如果页面中的图片过多或图片过大,那么有可能要等OnLoad()广告执行完毕,用户才进能行其他的操作,如
jQuery窗体加载事件
hhthwx的博客
10-28 7404
方法一：$(function(){ $('#box').click(function(){ alert("haha"); }) })方法二：$(document).ready(function(){ //省略代码 })方法三：window.onload = function(){ $('box').click(function(){ //省略代
【JQuery】页面加载时触发ready()事件
O(∩_∩)O
04-02 1万+
从现在开始进入JQuery的事件和应用了！ 好了，言归正传！ ready()类似于onload(). 但ready()只要页面的DOM结构(文档结构)加载后便触发！不包括图片等非文字媒体文件. onload()需要页面的全部元素加载完后才触发！ ready()的使用方式有以下几种. 法一： $(document).ready(function(){do somethi
jquery页面加载事件的三种形式
qq_32718869的博客
06-12 5070
$(document).ready()方法是事件模块中最重要的一个函数，它极大地提高了Web响应速度。$(document)是获取整个文档对象，从这个方法名称来理解，就是获取文档就绪的时候。jquery页面加载有三种写法：1、$(function(){js代码});2、$().ready(function(){js代码});3、$(document).ready(function(){js代码})...
jq新版事件绑定.on()、解绑事件off()用法详解
热门推荐
Lostlover
08-24 2万+
jquery1.4 及之前的版本，由.click() 或 .bind()方法绑定的事件，不能适用脚本创建的新元素：即是说页面加载完成后，再动态创建的DOM元素并不能响应之前绑定的事件！ 旧版本的处理方法是使用.live()方法来代替事件绑定.bind()，使得绑定的事件能适用脚本创建的新元素。 但自jq1.7版本开始，官方已明文表示不再推荐使用使用.live()方法，官方解释为：liv
js动态检测加载 JQ
EM宝宝的博客
07-04 692
var jqcdnurl = 'https://cdn.bootcss.com/jquery/3.2.1/jquery.js'; //控制台输出 function log() { for (var index in arguments) { console.log(arguments[index]); } } //js加载 fun function loadjs()...
jQuery文档加载完再执行
Alex1053的博客
07-29 4731
jQuery文档加载完再执行 将获取元素的语句写在页面头部, 会因为元素还没有加载而出错, jQuery提供了ready方法解决这个问题, 它的速度比原生的window.onload更快. &lt;script src="js/jquery-1.12.4.min.js"&gt;&lt;/script&gt; &lt;script&gt; // 原生写法, 等页面加载完最后执行 ...
jQuery中的页面加载事件
hu15180924991的博客
05-08 1500
1、jQuery中的页面加载事件： （1）$（document）.read（function（）{ }）; 可以有多个该事件 2、jQuery与DOM的相互转换 （1）DOM对象转为jQuery对象 （2）jQuery对象转为DOM对象 方法一：直接通过jQuery对象的索引进行转换 3、jQuery的基本使用 3.1：属性的操作：获取属性、设置属性 （1）获取属性：attr（“要获取的属性”） ...
jq在页面加载完成后添加新的监听事件
最新发布
05-31
可以使用jQuery的on方法来添加新的监听事件，示例代码如下： ```javascript $(document).ready(function() { // 页面加载完成后执行的代码 // ... // 添加新的监听事件 $(document).on('click', '.my-element'...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值