chevron_left

jQuery 开发教程

免费
第 2.5 回

教程文档

jQuery 开发教程 - jQuery 中的事件

2023年11月16日
jQuery 开发教程

jQuery 中的事件

执行时机

1、当所有页面元素都加载完成再执行

//原生javascript方法
window.onload = function(){

}

//测试
function one(){
    alert("one");
}
function two(){
    alert("two");
}

window.onload = one;
window.onlaod = two;

window.onload = function(){
    one();
    two();
}

//jQuery方法
$(window).load(function(){

})

2、当 DOM 元素加载完就执行

$(document).ready(function(){

})

$().ready(function(){

})

$(function(){

})

事件绑定

jQuery 中事件的绑定,通过 one() 和 on() 方法。

常见事件类型

课程介绍

jQuery 是一个快速、简洁的 JavaScript 框架,是继 Prototype 之后又一个优秀的 JavaScript 代码库(或 JavaScript 框架)。jQuery 设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装 JavaScript 常用的功能代码,提供一种简便的 JavaScript 设计模式,优化 HTML 文档操作、事件处理、动画设计和 Ajax 交互。

jQuery 的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的 css 选择器,并且可对 CSS 选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery 兼容各种主流浏览器,如 IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+ 等。