jQuery

Posted 2020-11-23 max1995

jQuery 库包含以下特性：

• html 元素选取
• HTML 元素操作
• CSS 操作
• HTML 事件函数
• javascript 特效和动画
• HTML DOM 遍历和修改
• AJAX
• Utilities

　　jQuery是js的一个工具库，由John Resig在2006年发布。
j代表JavaScript，query是“查询”的意思。也就是说，这个库的意图是基于JavaScript的查询。查询的目标是什么？答案是DOM（文档对象模型）结构中的Node（节点）。一个网页就是一个html文档，而网页上的所有内容都是节点，包括文档节点、元素节点、文本节点、注释节点、属性节点等等。而jQuery的查询最主要针对的是元素节点，如段落（p）、锚点（a）、表格（table）等，同时jQuery还可以用attr方法方便地对元素节点的属性进行读取/设置。

在jQuery出现之前，在js程序中获取元素节点比较麻烦，例如获取id为elem1的节点：
document.getElementById(‘elem1‘)
或者是获取页面上的所有checkbox元素，首先需要获取input类型的元素：
document.getElementsByTagName(‘input‘)
然后对获得的元素列表进行for循环处理，逐个判断其类型是否为checkbox。
如果有更多元化的查询要求，则对应的js代码也会相当复杂。虽然有一些库可以解决这方面的需求，但强大程度、易用性等方面都不太理想。John Resig发现了一个盲点——css样式应用到页面上的元素时，是有一套规则的，即css选择器，浏览器可以通过css选择器找到匹配的元素并将指定的样式应用到这些元素上。也就是说，通过css选择器可以有效地进行元素查找定位，但它最初只被用于样式领域。

于是，John Resig根据css选择器编写了jQuery选择器，并对选择器的规则进行了扩充，从而让元素查找变得非常方便。
例如，上面2个例子用jQuery可以写为：
$(‘#elem1‘)
与
$(":checkbox")
同时，jQuery还有一个核心思想——链式操作，例如：
$(‘div.con‘)
.height(100)
.show();
这样的连续调用可以让代码书写更加简洁，也就是jQuery自己的口号：写的更少，做的更多此外，jQuery还提供了浏览器兼容、样式读写、事件绑定与执行、动画等特性，后来又加入了ajax、promise等，再加上方便的插件编写机制，对整个js的生态圈产生了重大的影响，可以说是js历史上影响力最大的一个库。

===============================================================分割线============================================================================================

1.$(function(){ .....} )是文档加载完毕就执行的意思，相当于$(document).ready(function(){ ...... }) 

2.<link>引用外部CSS样式