<HeadFirst_jQuery> O'REILLY_Chap.3_jQuery事件与函数

<HeadFirst_jQuery> O’REILLY_Chap.3_jQuery事件与函数

本博客的FollowMeReading系列初衷是在线的读书笔记. 为方便后期查阅, 故写成博客形式, 使用关键字查询便可以快读的找到相关的内容.

FollowMeReading系列所选的书籍一般选自O’REILLY或Apress出版社, 尽量保证笔记内容的权威性.

FollowMeReading系列的博客标题格式为: <书名> 出版社章节数章节名, 方便大家在纸质版书籍中查找.

FollowMeReading系列博文中的内容大部分是原文, 非原文部分前面将有’博主’字样提醒.

感谢<HeadFirst_jQuery>作者 Ryan Benedetti & Ronan Cranley
感谢<HeadFirst_jQuery>翻译 林琪

本博客由@scott编写. 若转载此文章, 请注明出处和作者

正文

原文

BULLTE POINTS(要点):

• $("#myElement").click(function() {......} ); 这个方法可以在页面加载时为元素增加事件. 这通常称为便利方法.

• $("#myElement").bind('click', function() {......} ); 这个方法可以在页面加载之后为元素增加事件, 如创建新的DOM元素时.

• 复杂的交互 = 选择器 + 事件 + 函数.

• jQuery将事件分为5类: 浏览器事件, 文档加载事件, 表单事件, 键盘事件和鼠标事件.

• $("myElement").unbind('click') 删除事件(click事件).

• $("myElement"). unbind() 删除myElement所有事件.

• $(".class").each(function() {......} ); 遍历处理元素.

• $.contains 方法是jQuery库的一个静态方法, 它有两个参数. 这个方法会检查第一个参数的所有子元素, 查看是否包含第二个参数, 返回true 或 false.

• jQuery静态方法是一个与jQuery库关联的函数, 而不是与任何特定的对象关联. 调用静态方法不需要任何选择器, 只需要jQuery名或者它的快捷方式 $ 就可以了.