<HeadFirst_jQuery> O'REILLY_Chap.1_jQuery入门

<HeadFirst_jQuery> O’REILLY_Chap.1_jQuery入门

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

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

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

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

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

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

正文

原文

BULLTE POINTS(要点):

• 向浏览器下达指令所用的语言是JavaScript. 所有浏览器都提供了一个内置的JavaScript解释器.

• jQuery是一个专门用来动态改变Web页面文档的JavaScript库.

• JavaScript解释器并不改变原来的HTML和CSS文件. 它只改变浏览器内存页面的DOM表示.

• $() 是jQuery函数的简写名. 利用这个快捷方式, 我们就不用每次调用jQuery函数时都写上”jQuery()”.

• jQuery函数通常还称为jQuery包装器.

• jQuery函数中可以放入3种不同的内容. $("CSS选择器") jQuery会返回与这个选择器匹配的元素集, 这是最常用的做法; $("HTML串") 可以动态向浏览器增加DOM元素; $("JS对象")

• jQuery选择元素的方式与CSS完全相同.

• CSS选择器选择元素来为这些元素增加样式; jQuery选择器选择元素来为这些元素增加行为.

• $(document).ready(function() { ... ...} ); 当DOM已经完全加载之后执行function中的代码.

• $("div").slideUp(); 滑动显示. 会改变元素的height属性, 直至高度为0, 然后将元素隐藏.

• $("div").slideDown(); 滑动显示. 将元素的height属性从0改为CSS样式中设置的某个高度值.

• $("div").slideToggle(); 滑动显示. 相反动作, 如果原来朝上, 就向下滑动, 如果原来朝下, 则向上滑动

• $("img").fadeIn(1000) 淡入显示. 1000为速度, 单位为毫秒.