jquery文档

1 你觉得 jquery 有哪些好处？ jQuery 是轻量级的 javascript 框架 强大的选择器 出色的 DOM 操作的封装 可靠的事件处理机制 完善的 ajax 封装 出色的浏览器的兼容性 支持链式操作，隐式迭代 支持丰富的插件 jquery 的文档也非常的丰富 2. jquery 对象和 dom 对象如何转换？ 1. jquery 转 DOM 对象: jQuery 对象是一个数组对象，可以通过[index]的丰富得到 DOM 对象还可以 通过 get[index]去得到相应的 DOM 对象。 2. DOM 对象转 jQuery 对象: $(DOM 对象) 3 $(document).ready()方法和 window.onload 区别？ 答: 两个方法有相似的功能，但是在实行时机方面是有区别的。 1 window.onload 方法是在网页中所有的元素(包括元素的所有关联文件)完全加 载到浏览器后才执行的。 2 $(document).ready() 方法可以在 DOM 载入就绪时就对其进行操纵，并调用执 行绑定的函数。 4. 说说你对 JSON 的理解 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于标准 JavaScript 的一个子集,是一个 Js 对象或数组结构的字符串 JSON 有三类数据 1. 单个数据

本篇是系列第二篇，标题起得有点大，希望内容对得起这个标题，这篇文章主要总结一下在 jQuery 中一些十分讨巧的 coding 方式，将会由浅及深，可能会有一些基础，但是我希望全面一点，对看文章的人都有所帮助，源码我还一直在阅读，也会不断的更新本文。 即便你不想去阅读源码，看看下面的总结，我想对提高编程能力，转换思维方式都大有裨益，废话少说，进入正题。 短路表达式 与 多重短路表达式 短路表达式这个应该人所皆知了。在 jQuery 中，大量的使用了短路表达式与多重短路表达式。 短路表达式：作为"&&"和"||"操作符的操作数表达式，这些表达式在进行求值时，只要最终的结果已经可以确定是真或假，求值过程便告终止，这称之为短路求值。这是这两个操作符的一个重要属性。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 // ||短路表达式 var foo = a || b; // 相当于 if (a){ foo = a; } else { foo = b; } // &&短路表达式 var bar = a && b; // 相当于 if (a){ bar = b; } else { bar = a; } 当然，上面两个例子是短路表达式最简单是情况，多数情况下，jQuery 是这样使用它们的： 1 2 3 4 5 6 7 8 9 // 选自 jQuery

最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。 其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。 另外，阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识，接下来将会写一系列关于 jQuery 解析的文章。 我在 github 上关于 jQuery 源码的全文注解，感兴趣的可以围观一下。jQuery v1.10.2 源码注解 。 本篇是系列第二篇，标题起得有点大，希望内容对得起这个标题，这篇文章主要总结一下在 jQuery 中一些十分讨巧的 coding 方式，将会由浅及深，可能会有一些基础，但是我希望全面一点，对看文章的人都有所帮助，源码我还一直在阅读，也会不断的更新本文。 即便你不想去阅读源码，看看下面的总结，我想对提高编程能力，转换思维方式都大有裨益，废话少说，进入正题。 短路表达式 与 多重短路表达式 短路表达式这个应该人所皆知了。在 jQuery 中，大量的使用了短路表达式与多重短路表达式。 短路表达式：作为”&&”和”||”操作符的操作数表达式，这些表达式在进行求值时，只要最终的结果已经可以确定是真或假，求值过程便告终止，这称之为短路求值

http://www.cnblogs.com/coco1s/p/5303041.html @ChokCoco 最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。 其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。 另外，阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识，接下来将会写一系列关于 jQuery 解析的文章。 我在 github 上关于 jQuery 源码的全文注解，感兴趣的可以围观一下。jQuery v1.10.2 源码注解 。 本篇是系列第二篇，标题起得有点大，希望内容对得起这个标题，这篇文章主要总结一下在 jQuery 中一些十分讨巧的 coding 方式，将会由浅及深，可能会有一些基础，但是我希望全面一点，对看文章的人都有所帮助，源码我还一直在阅读，也会不断的更新本文。 即便你不想去阅读源码，看看下面的总结，我想对提高编程能力，转换思维方式都大有裨益，废话少说，进入正题。 短路表达式 与 多重短路表达式 短路表达式这个应该人所皆知了。在 jQuery 中，大量的使用了短路表达式与多重短路表达式。 短路表达式：作为”&&”和”||”操作符的操作数表达式

一，jQuery常用事件 　　1.(keyup/keydown)键盘事件 　　　　批量操作 　　2.hover(不是原生DOM事件，是jQuery封装的) 　　　　接收两个匿名函数 　　　　$('').hover(function() {鼠标移上去要做的事},function() {鼠标移下去要做的事} ) 　　3.input事件: 　　　　只要input框的发生变化就会触发此事件 　　4.click点击事件 click(function(){...}) //一般用于监视点击事件 hover(function(){...}) //一般用于对用户光标起反应 blur(function(){...}) //一般用于捕获用户输入完成的输入内容 focus(function(){...}) //获得焦点时触发 change(function(){...}) //一般用于监视表单状态 keyup(function(){...}) //一般与keydown配合实现键盘事件的批量操作 keydown(function(){...})input(function(){...}) //一般用于监视输入框的输入内容 　 二，jQuery绑定事件的方式 //1.jQ对象.事件(事件处理函数() {动作}) $(''").click(function() {}) //2.jQ对象.on(事件,事件处理函数

最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。 jQuery 的整体结构是这样的： jQuery 整体架构 不同于 jQuery 代码各个模块细节实现的晦涩难懂，jQuery 整体框架的结构十分清晰，按代码行文大致分为如上图所示的模块。 初看 jQuery 源码可能很容易一头雾水，因为 9000 行的代码感觉没有尽头，所以了解作者的行文思路十分重要。 整体而言，我觉得 jQuery 采用的是 总--分 的结构，虽然JavaScript有着作用域的提升机制，但是 9000 多行的代码为了相互的关联性，并不代表所有的变量都要定义在最顶部。在 jQuery 中，只有全局都会用到的 变量、正则表达式 定义在了代码最开头，而每个模块一开始，又会定义一些只在本模块会使用到的变量、正则、方法等。所以在一开始的阅读的过程中会有很多看不懂其作用的变量，正则，方法。 所以，我觉得阅读源码很重要的一点是，摒弃面向过程的思维方式，不要刻意去追求从上至下每一句都要在一开始弄明白。很有可能一开始你在一个奇怪的方法或者变量处卡壳了，很想知道这个方法或变量的作用，然而可能它要到几千行处才被调用到

http://www.cnblogs.com/coco1s/p/5261646.html @ChokCoco 最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。 其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。 另外，阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识，接下来将会写一系列关于 jQuery 解析的文章。 我在 github 上关于 jQuery 源码的全文注解，感兴趣的可以围观一下。jQuery v1.10.2 源码注解（https://github.com/chokcoco/jQuery-） 。 网上已经有很多解读 jQuery 源码的文章了，作为系列开篇的第一篇，思前想去起了个【深入浅出jQuery】的标题，资历尚浅，无法对 jQuery 分析的头头是道，但是 jQuery 源码当中确实有着大量巧妙的设计，不同层次水平的阅读者都能有收获，所以打算厚着脸皮将自己从中学到的一些知识点共享出来。打算从整体及分支，分章节剖析。本篇主要讲 jQuery 的整体架构及一些前期准备，先来看看 jQuery 的整体结构： 整体架构 不同于 jQuery

最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。 其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。 另外，阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识，接下来将会写一系列关于 jQuery 解析的文章。 网上已经有很多解读 jQuery 源码的文章了，作为系列开篇的第一篇，思前想去起了个【深入浅出jQuery】的标题，资历尚浅，无法对 jQuery 分析的头头是道，但是 jQuery 源码当中确实有着大量巧妙的设计，不同层次水平的阅读者都能有收获，所以打算厚着脸皮将自己从中学到的一些知识点共享出来。打算从整体及分支，分章节剖析。本篇主要讲 jQuery 的整体架构及一些前期准备，先来看看 jQuery 的整体结构： jQuery 整体架构 不同于 jQuery 代码各个模块细节实现的晦涩难懂，jQuery 整体框架的结构十分清晰，按代码行文大致分为如上图所示的模块。 初看 jQuery 源码可能很容易一头雾水，因为 9000 行的代码感觉没有尽头，所以了解作者的行文思路十分重要。 整体而言，我觉得 jQuery 采用的是 总--分 的结构

jQuery jQuery基本流程图https://www.processon.com/mindmap/5bca9b19e4b0fe81b666b9ac 特点 jQuery是一个轻量级的、兼容多浏览器的JavaScript库 jQuery是用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行ajax交互，能够极大的简化JavaScript编程， 使用jQuery的原因：简单，开发效率高，不用浏览器的差异化 使用方法 下载： https://jquery.com/ 导入 通过网址下载之后script导入本地文件路劲就可以了 通过使用bootcdn来使用jquery 按照jQuery的语法使用就可以了 注意：必须先导入再使用 jQuery内容 jQuery对象和普通DOM对象的区别 jQuery选择器找到的是jquery对象 原生的DOM找到的就是DOM对象 互相转换 jQuery对象[0]------>DOM对象 $(DOM对象)------->jquery对象 查找标签 基本选择器 id选择器 $("#id") $("tagName") $(".className") $("div.c1") // 找到有c1 class类的div标签 //所有元素选择器 $("*") //组合选择器 $("#id, .className, tagName")

一. jQuery 1.模块 《=》类库 ，jQuery----DOM的一个类库。 2.查找元素 ---DOM： ---jQuery: ---选择器： ---筛选： 注： 1. jQuery版本：1.x 兼容性高（推荐使用1.12）;2.x;3.x jQuery安装：1)jquery.com 官网下载； 2)把.js文件放到HTML同级目录下即可。 2.引用： 在HTML中引用CSS样式时，用link链接到同级目录下的css文件即可； 也可以在HTML中：<style><style>编写样式；（两种方式） 在HTML中引用 .js 文件时，用script 引用同级目录下的 .js 文件； 也可以在HTML中：<script><script>编写代码；（两种方式） 注：<style>一般放在头部，<script>一般放在尾部 3.调用jQuery中的方法有两种方式： jQuery.方法名； $.方法名。 3.操作元素 3.1获取标签： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="i1">123</div> <script scr="jquery-1.12.4.js"></script> <script> $("