元数据

锋利的jQuery(第2版)

  •  锋利的jQuery(第2版)|200
  • 书名: 锋利的jQuery(第2版)
  • 作者: 单东林 张晓菲 魏然编著
  • 简介:   《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧等知识点,并结合每个章节后面的案例演示进行练习,达到掌握核心知识点的目的。   为使读者更好地进行开发实践,《锋利的jQuery(第2版)》的第8章将前7章讲解的知识点和效果进行了整合,打造出一个非常有个性的网站,并从案例研究、网站材料、网站结构、网站样式和网站脚本等方面指导读者参与到项目建设中来。   《锋利的jQuery(第2版)》适合所有对jQuery技术感兴趣的Web设计者和前端开发人员阅读和参考。
  • 出版时间 2012-07-01 00:00:00
  • ISBN: 9787115281609
  • 分类: 计算机-计算机综合
  • 出版社: 人民邮电出版社
  • PC地址:https://weread.qq.com/web/reader/e22327905b29d6e221f48eb

高亮划线

第1章 认识jQuery

📌 jQuery凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档、操作 DOM、处理事件、执行动画和开发 Ajax的操作。 ⏱ 2020-06-13 10:01:09

📌 jQuery强调的理念是写得少,做得多(write less,do more)。 ⏱ 2020-06-13 10:05:26

📌 第一次学习jQuery,经常分辨不清哪些是jQuery对象、哪些是DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系。 ⏱ 2020-06-17 11:08:25

📌 DOM(Document Object Model,文档对象模型),每一份DOM都可以表示成一棵树。 ⏱ 2020-06-17 11:08:29

📌 可以通过JavaScript中的getElementsByTagName或者getElementById来获取元素节点。像这样得到的DOM元素就是DOM对象。 ⏱ 2020-06-17 11:10:00

📌 jQuery对象就是通过jQuery包装DOM对象后产生的对象。 ⏱ 2020-06-17 11:10:06

📌 在jQuery对象中无法使用DOM对象的任何方法。 ⏱ 2020-06-17 11:10:21

📌 同样,DOM对象也不能使用jQuery里的方法。 ⏱ 2020-06-17 11:10:29

📌 约定好定义变量的风格。如果获取的对象是jQuery对象,那么在变量前面加上$, ⏱ 2020-06-17 11:10:47

📌 jQuery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象。 ⏱ 2020-06-17 11:12:05

📌 另一种方法是jQuery本身提供的,通过get(index)方法得到相应的DOM对象。 ⏱ 2020-06-17 11:12:23

📌 只需要用(DOM对象)。 ⏱ 2020-06-17 11:17:16

📌 is(“:checked”)是jQuery中的方法,判断jQuery对象是否被选中,返回boolean值。 ⏱ 2020-06-17 11:24:00

📌 在 jQuery 库中,几乎所有的插件都被限制在它的命名空间里。通常,全局对象都被很好地存储在jQuery命名空间里,因此当把jQuery和其他JavaScript库(例如Prototype、MooTools或YUI)一起使用时,不会引起冲突。 ⏱ 2020-06-17 11:25:10

📌 可以在任何时候调用 jQuery.noConflict()函数来将变量$的控制权移交给其他JavaScript库 ⏱ 2020-06-17 11:24:40

📌 如果想确保jQuery不会与其他库冲突,但又想自定义一个快捷方式,可以进行如下操作: ⏱ 2020-06-17 11:29:41

第2章 jQuery选择器

📌 像上面这样把CSS代码和HTML代码混杂在一起的做法是非常不妥的,它并不符合表现和内容相分离的设计原则 ⏱ 2020-06-17 12:14:03

📌 jQuery中的选择器完全继承了CSS的风格。 ⏱ 2020-06-17 12:21:36

📌 学会使用选择器是学习jQuery的基础,jQuery的行为规则都必须在获取到元素后才能生效。 ⏱ 2020-06-17 12:21:46

📌 $()函数在很多 JavaScript 类库中都被作为一个选择器函数来使用,在 jQuery 中也不例外。 ⏱ 2020-06-17 13:31:50

📌 为了能有更快的选择器解析速度,从1.1.3.1版以后,jQuery废弃了不常使用的XPath选择器, ⏱ 2020-06-17 13:35:15

📌 即使用jQuery获取网页中不存在的元素也不会报错,看下面的例子 ⏱ 2020-06-17 14:09:06

第3章 jQuery中的DOM操作

📌 DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它。 ⏱ 2020-06-25 16:30:36

📌 也可以用来处理任何一种使用标记语言编写出来的文档 ⏱ 2020-06-25 16:30:55

📌 JavaScript 中的getElmentById()、getElementsByTagName()、getAttribute()和setAttribute()等方法,这些都是DOM Core的组成部分。 ⏱ 2020-06-25 16:30:43

📌 在使用JavaScript和DOM为HTML文件编写脚本时,有许多专属于HTML-DOM的属性。HTML-DOM的出现甚至比DOM Core还要早,它提供了一些更简明的记号来描述各种HTML元素的属性。 ⏱ 2020-06-25 16:55:28

📌 CSS-DOM是针对 CSS的操作。在JavaScript中,CSS-DOM技术的主要作用是获取和设置style对象的各种属性。通过改变style对象的各种属性,可以使网页呈现出各种不同的效果 ⏱ 2020-06-25 16:51:19

第4章 jQuery中的事件和动画

📌 (document).ready()方法注册的事件处理程序,在DOM完全就绪时就可以被调用。此时,网页的所有元素对jQuery而言都是可以访问的,但是,这并不意味着这些元素关联的文件都已经下载完毕。 ⏱ 2020-06-26 22:35:57

📌 有一个大型的图库网站,为网页中所有图片添加某些行为,例如单击图片后让它隐藏或显示。如果使用window.onload方法来处理,那么用户必须等到每一幅图片都加载完毕后,才可以进行操作。 ⏱ 2020-06-26 22:44:57

📌 把网页解析为DOM树的速度比把页面中的所有关联文件加载完毕的速度快很多。 ⏱ 2020-06-26 22:45:05

📌 要解决这个问题,可以使用jQuery中另一个关于页面加载的方法—load()方法。load()方法会在元素的onload事件中绑定一个处理函数。如果处理函数绑定给window对象,则会在所有内容(包括窗口、框架、对象和图像等)加载完毕后触发,如果处理函数绑定在元素上,则会在元素的内容加载完毕后触发。 ⏱ 2020-06-26 22:50:00

📌 多次使用 ⏱ 2020-06-26 23:50:56

📌 在页面上可以有多个事件,也可以多个元素响应同一个事件。 ⏱ 2020-06-28 16:42:18

📌 之所以称为冒泡,是因为事件会按照 DOM的层次结构像水泡一样不断向上直至顶端 ⏱ 2020-06-28 22:14:45

📌 事件冒泡可能会引起预料之外的效果。上例中,本来只想触发元素的click事件,然而

元素和元素的click 事件也同时被触发了。因此,有必要对事件的作用范围进行限制。当单击元素时,只触发元素的click事件,而不触发
元素和元素的click事件;当单击
元素时,只触发
元素的click事件,而不触发元素的click事件。 ⏱ 2020-06-28 22:19:27 ^731606-7-18972-19244

📌 如果想同时对事件对象停止冒泡和默认行为,可以在事件处理函数中返回false。这是对在事件对象上同时调用stopPrapagation()方法和preventDefault()方法的一种简写方式。 ⏱ 2020-06-28 22:37:23

📌 事件捕获和事件冒泡是刚好相反的两个过程,事件捕获是从最顶端往下开始触发。 ⏱ 2020-06-28 22:43:20

📌 对于只需要触发一次,随后就要立即解除绑定的情况, jQuery 提供了一种简写方法——one()方法。 ⏱ 2020-06-28 23:08:03

📌 在jQuery中,可以使用trigger()方法完成模拟操作 ⏱ 2020-06-28 23:12:25

📌 trigger(type,[data])方法有两个参数,第1个参数是要触发的事件类型,第2个参数是要传递给事件处理函数的附加数据,以数组形式传递。 ⏱ 2020-06-29 13:22:06

📌 如果只想触发绑定的focus事件,而不想执行浏览器默认操作,可以使用jQuery中另一个类似的方法——triggerHandler()方法。 ⏱ 2020-06-29 13:28:44

📌 在所绑定的事件类型后面添加命名空间,这样在删除事件时只需要指定命名空间即可。单击

📌 注意,trigger(“click!”)后面的感叹号的作用是匹配所有不包含在命名空间中的click方法。 ⏱ 2020-06-29 13:43:18

📌 就可以调整元素的left属性,使元素动起来。 ⏱ 2020-06-29 13:47:15

📌 可以使用回调函数(callback)对非动画方法实现排队。只要把 css()方法写在最后一个动画的回调函数里即可。 ⏱ 2020-06-29 13:52:28

📌 例如 css()方法要使非动画方法也按照顺序执行,需要把这些方法写在动画方法的回调函数中。 ⏱ 2020-06-29 14:01:19

第6章 jQuery与Ajax的应用

📌 Ajax全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),它并不是指一种单一的技术,而是有机地利用了一系列交互式网页应用相关的技术所形成的结合体。 ⏱ 2020-08-05 16:17:27

📌 .对搜索引擎的支持的不足 ⏱ 2020-08-06 14:24:52

📌 Ajax的核心是XMLHttpRequest对象,它是Ajax实现的关键—发送异步请求、接收响应及执行回调都是通过它来完成的。 ⏱ 2020-08-21 09:04:36

📌 目前 W3C组织正致力于制定一个各浏览器厂商可以统一遵照执行的XMLHttpRequest 对象标准,用来推进Ajax技术的推广与发展。 ⏱ 2020-08-21 09:10:11

📌 XMLHttpRequest对象提供了一个相对精简易用的API ⏱ 2020-08-21 09:10:16

读书笔记

本书评论