《jQuery Cookbook中文版》——导读

简介: jQuery的入门非常容易,但是和许多用于开发网站的工具一样,完全体会到它的广度和深度需要花费几个月甚至几年的时间。这个程序库充满了你从未想象过的特性。一旦你了解了这些特性,这些特性就能够戏剧性地改变你解决问题的方法。


screenshot


**
前言
**
jQuery程序库给前端开发带来了一场风暴。它极其简单的语法使曾经很复杂的任务变得轻松愉快。许多开发人员很快就为它的优雅和清晰而着迷。如果你已经开始使用这个程序库,你就已经将丰富而具有交互性的体验加入到你的项目中。

jQuery的入门非常容易,但是和许多用于开发网站的工具一样,完全体会到它的广度和深度需要花费几个月甚至几年的时间。这个程序库充满了你从未想象过的特性。一旦你了解了这些特性,这些特性就能够戏剧性地改变你解决问题的方法。

本书旨在向亲爱的读者展示业界领先的前端开发人员在日常项目中使用jQuery的方式和方法。在18章中,这些业界精英将带你经历由简到繁的各种问题的解决过程。不管你是jQuery新手还是老练的JavaScript开发人员,都能够对jQuery创建引人注目、健壮和高性能的用户界面的能力有全新的认识。
我们从基础知识和通用最佳实践的介绍开始——在页面中包含jQuery、做出选择、遍历和操纵。即使常用jQuery的用户也能从中学到一两个技巧。由此,我们转向实际的用例,带你经历对常见问题的可靠(并且经过测试)的解决方案,这些问题包括事件、特效、尺寸、表单和用户界面元素(可能需要或者不需要jQuery UI的帮助)。最后,我们将研究jQuery应用程序的测试以及将jQuery集成到复杂网站的方法。

在学习的过程中,你将学习到利用jQuery解决高级问题的策略。我们将研究如何最大限度地利用jQuery的事件管理系统,包括自定义事件和自定义事件数据,如何渐进增强表单,如何在页面上定位和重定位元素,如何从头开始创建选项卡、折叠控件和模态等用户界面元素,如何制作具备易读性和可维护性的代码,如何优化代码以简化测试、消除瓶颈和确保最高性能等。

因为这是一本“食谱”而非手册,你当然可以选择阅读最适合自己的“菜谱”[1];书中的每一个单独的秘诀都物有所值。但是,本书自始自终提供的都是jQuery社区中一些难得的绝妙解题方法。因此,我们希望你能至少从头到尾浏览一遍——你永远不会知道,哪一行代码能够让你茅塞顿开,使你的技巧更上一层楼。
jQuery非常强调链式(chaining)语法——依次调用选择元素的方法,确信每个方法都能返回继续工作所用的选择元素。这种模式将在第1章中深入说明——如果你还不熟悉这个程序库,就应该理解这个概念,因为在后续的章节中将会频繁地用到它。

对jQuery的功能做了一些简单的分类:核心功能、选择、操纵、遍历、CSS、属性、事件、特效、Ajax和工具。对这些分类和对应方法的学习,将极大地加强对书中内容的理解。

本书介绍的最佳实践之一是在变量中存储元素,而不是重复地进行相同的选择。当选择的元素存储在变量中时,该变量一般以$字符开头,表明它是一个 jQuery对象。这样的语法使代码更容易阅读和维护,但是应该理解,以$字符开头的变量名称并不是惯例,和PHP之类的语言不同,它在jQuery中没有特殊的意义。

一般来说,本书中的代码示例重视清晰性和易读性而不是简洁性,所以示例比起绝对必需的代码来说稍嫌冗长。如果你发现可以优化的地方,可以毫不犹豫地进行。同时,你也可以在自己的代码中坚持清晰性和易读性,然后使用代码精简工具准备用于生产环境的代码。

目录

**[第1章 jQuery基础
1.1 在HTML页面中包含jQuery程序库代码](https://yq.aliyun.com/articles/97746)**
1.1.1 问题
1.1.2 解决方案
1.1.3 讨论
1.2 在DOM加载之后、整个页面加载之前执行jQuery/JavaScript代码
1.2.1 问题
1.2.2 解决方案
1.2.3 讨论
1.3 用选择器和jQuery函数选择DOM元素
1.3.1 问题
1.3.2 解决方案
1.3.3 讨论
1.4 在指定上下文中选择DOM元素
1.4.1 问题
1.4.2 解决方案
1.4.3 讨论
1.5 过滤DOM元素包装器集
1.5.1 问题
1.5.2 解决方案
1.5.3 讨论
1.6 查找当前选择包装器集中的后代元素
1.6.1 问题
1.6.2 解决方案
1.6.3 讨论
1.7 返回破坏性修改之前的选择
1.7.1 问题
1.7.2 解决方案
1.7.3 讨论
1.8 将前一个选择集包含到当前选择集
1.8.1 问题
1.8.2 解决方案
1.8.3 讨论
1.9 根据当前上下文遍历DOM获得新的DOM元素集
1.9.1 问题
1.9.2 解决方案
1.9.3 讨论
1.10 创建、操作和插入DOM元素
1.10.1 问题
1.10.2 解决方案
1.10.3 讨论
1.11 删除DOM元素
1.11.1 问题
1.11.2 解决方案
1.11.3 讨论
1.12 替换DOM元素
1.12.1 问题
1.12.2 解决方案
1.12.3 讨论
1.13 克隆DOM元素
1.13.1 问题
1.13.2 解决方案
1.13.3 讨论
1.14 获取、设置和删除DOM元素属性
1.14.1 问题
1.14.2 解决方案
1.14.3 讨论
1.15 获取和设置HTML内容
1.15.1 问题
1.15.2 解决方案
1.15.3 讨论
1.16 获取和设置文本内容
1.16.1 问题
1.16.2 解决方案
1.16.3 讨论
1.17 在不造成全局冲突的情况下使用$别名
1.17.1 问题
1.17.2 解决方案
1.17.3 讨论

相关文章
|
JavaScript 前端开发
《jQuery Cookbook中文版》——1.17 在不造成全局冲突的情况下使用$别名
这样做的另一个好处是包含在匿名的自调用函数中的代码将运行于自己的私有作用域中。可以确信,在该函数中放置的任何内容都决不会和全局作用域中编写的任何其他JavaScript代码发生冲突。同样,为什么要冒编程冲突的风险?你要做的只不过是创建自己的私有作用域。
1017 0
|
JavaScript 前端开发
《jQuery Cookbook中文版》——1.16 获取和设置文本内容
重要的一点是,要记住text()方法与html()方法没有什么不同,唯一的例外是text()方法将对HTML进行转义(将<和>替换为HTML实体)。这意味着,如果在text()方法的字符串参数中放入标记,该方法会将这些标记转换为HTML实体(&lt;和&gt;)。
998 0
|
JavaScript 前端开发 数据格式
《jQuery Cookbook中文版》——1.15 获取和设置HTML内容
本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章,第1.15节,作者:【美】jQuery社区专家组著,更多章节内容可以访问云栖社区“异步社区”公众号查看
995 0
|
JavaScript 前端开发
《jQuery Cookbook中文版》——1.14 获取、设置和删除DOM元素属性
除了attr()方法之外,jQuery为使用HTML元素class属性提供了一组很特殊的方法。因为class属性可能包含多个值(例如,class="class1 class2 class3"),所以可以使用这些独特的属性方法管理这些类值。
1190 0
|
JavaScript 前端开发
《jQuery Cookbook中文版》——1.13 克隆DOM元素
jQuery提供clone()方法复制DOM元素。它的用法很简单,只要用jQuery函数选择DOM元素,然后在选择的元素集上调用clone()方法就可以了。结果是返回用于链接的DOM结构的一个副本,而不是原来选中的DOM元素。
1134 0
|
JavaScript 前端开发
《jQuery Cookbook中文版》——1.12 替换DOM元素
本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章,第1.12节,作者:【美】jQuery社区专家组著,更多章节内容可以访问云栖社区“异步社区”公众号查看
1191 0
|
JavaScript 前端开发 缓存
《jQuery Cookbook中文版》——1.11 删除DOM元素
在使用remove()从DOM中删除选择的元素时,它们并没有从jQuery包装器集中删除。这意味着,从理论上说,可以继续操作它们,甚至可以在必要的时候将它们重新添加到DOM中。
1435 0
|
6月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
36 0
|
7月前
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
29 0
|
3月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload