当前位置:  首页  >  前端开发  >  Jquery

jquery教程(二)jquery事件和特效制作

window.onload这个事件必须要等所有关联文件加载完毕后才会执行,如js、css、img这些文件都属于关联文件,必须等这些文件加载完毕
一. Jquery中的事件
  • 页面载入
  • 基本事件
  • 事件切换
  • 事件处理

1.1 页面载入事件(load)

以前的写法:window.onload=function(){} 在这个方法里完成一些初始化操作

jquery的写法:ready(fn);

$(document).ready(function(){

//初始化

});

1.2这两种写法有何不同???

第1:window.onload这个事件必须要等所有关联文件加载完毕后才会执行,如js、css、img这些文件都属于关联文件,必须等这些文件加载完毕!

第2:$(document).ready()这个事件只要等html 的dom加载完毕时就可以执行

$(document).ready()执行的较快

第3:我们尝试为window.onload事件指定多个事件处理程序,那么页面加载后会执行最后一个事件处理程序,也就是说,为window.onload设置多个处理程序,会覆盖之前的处理程序

第4:我们尝试为$(document).ready()事件指定多个事件处理程序,那么页面加载之后会顺序执行所有事件处理程序,也就是说,指定多个,是可以顺序添加的

jquery事件
jquery事件

2 . 基本事件

  • blur(fn) :指定失去焦点时所触发的事件处理程序
  • change(fn) :内容改变时  
扫码关注 PHP1 官方微信号
Tools Online | 在线开发工具
RankList | 热门文章
Recommend | 推荐阅读
PHP1.CN | 中国最专业的PHP中文社区 | json解析格式化 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有