找回密码
 立即注册

QQ登录

只需一步,快速开始

微信公众号开发资源

关注:848

所属分类: 微信开发 微信公众号开发资源

本版块为微信公众号开发教程与公众号开发相关技术分享板块,技术提问请到其他对应的问答板块发帖:)

[html5开发博客] jquery操作 - 事件

[复制链接]
查看: 4734|回复: 5
最佳答案
0 

102

主题

112

帖子

4090

积分

S1

积分
4090
 楼主| 发表于 2016-2-9 22:17:36 | 显示全部楼层 |阅读模式
1.事件
   * ready() - 作用是类似于window.onload事件
     * 写法
       * $(document).ready(function(){});
       * $().ready(function(){});
       * $(function(){});
     * readyonload的区别
     * ready具有以下特点:
         * 具有简写形式
                 * 等待DOM节点树的内容加载完毕后,就执行(速度快)
                 * 一个HTML页面允许编写多个ready
          * onload具有以下特点:
         * 没有简写形式
         * 必须等待HTML页面中所有内容都加载完毕后,才执行(速度慢)
         * 一个HTML页面只能编写一个onload
例如:
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <title>onload事件机制</title>
  6.   <script src="jquery-1.11.3.js"></script>
  7.   <script>

  8. $(function(){
  9. console.log($("#user").val());
  10. });
  11.   </script>
  12. </head>
  13. <body>
  14.   <input type="text" id="user" value="小龙女">
  15. </body>
  16. </html>
复制代码

效果:
图片1.png
   
    *$(function(){})window.onload时间加载对比:
   例如:        
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>26_加载时间对比</title>
  6.     <script src="jquery-1.11.3.js"></script>
  7. </head>
  8. <script>
  9.     var startTime = new Date().getTime();
  10. $(function(){
  11. var endTime = new Date().getTime();
  12. console.log("ready : "+(endTime-startTime)+"ms");
  13. });
  14. window.onload = function(){
  15. var endTime = new Date().getTime();
  16. console.log("onload : "+(endTime-startTime)+"ms");
  17. }
  18. </script>
  19. <body>
  20. <img src="img/0.jpg" style="width:200px;height:200px;"/>
  21. </body>
  22. </html>
复制代码

效果:
    图片2.png
结果很明显,jQuery时间加载时间要短。
   * jQuery的特点
     * 链式操作 - jQuery几乎所有方法返回jQuery对象
     * 具有相对完善的处理机制 - 不报错(undefined)
  

回复

使用道具 举报

最佳答案
0 

0

主题

4682

帖子

50

积分

新人求带

积分
50
发表于 2018-5-7 22:16:01 | 显示全部楼层
真的是好东西。哇哈哈
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

4682

帖子

50

积分

新人求带

积分
50
发表于 2018-5-7 23:34:34 | 显示全部楼层
看看,谢谢分享
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

4682

帖子

50

积分

新人求带

积分
50
发表于 2018-5-7 23:38:53 | 显示全部楼层
我擦  不能便宜点?
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

2

帖子

50

积分

等待验证会员

积分
50
发表于 2019-7-5 13:54:02 | 显示全部楼层
32225669_201906221333010089875138.png

32225669_201906221334260744982568.png

32225669_201906221336060086200559.png

32225669_201906221338440944363646.png

32225669_201906221339410209108359.png

32225669_201906221340410880483374.png

32225669_201906221343550018367472.png

32225669_201906221345090892636301.png

32225669_201906221346290547234123.png

32225669_201906270659470537397632.png

32225669_201906270702140897265112.png

32225669_201906270704170289676582.png

32225669_201907050811440079178436.png


回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

1326

帖子

1万

积分

S2

积分
15573
发表于 2019-8-17 00:06:05 | 显示全部楼层
6666666666666
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



www.henkuai.com—微信开发者的分享交流平台,专注微信开发生态。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

微信公众号

广告推广
QQ:805874290

市场合作
zhongcong@henkuai.com