jQuery
2021-05-12 06:26
标签：rom show 结构 工具 浏览器兼容 机制 mda 产生 影响力 jQuery 库包含以下特性： jQuery是js的一个工具库，由John Resig在2006年发布。 在jQuery出现之前，在js程序中获取元素节点比较麻烦，例如获取id为elem1的节点： 于是，John Resig根据css选择器编写了jQuery选择器，并对选择器的规则进行了扩充，从而让元素查找变得非常方便。 ===============================================================分割线============================================================================================ 1.$(function(){ .....} )是文档加载完毕就执行的意思，相当于$(document).ready(function(){ ...... }) 2.引用外部CSS样式 jQuery 标签：rom show 结构 工具 浏览器兼容 机制 mda 产生 影响力 原文地址：https://www.cnblogs.com/max1995/p/12012734.html
j代表JavaScript，query是“查询”的意思。也就是说，这个库的意图是基于JavaScript的查询。查询的目标是什么？答案是DOM（文档对象模型）结构中的Node（节点）。一个网页就是一个html文档，而网页上的所有内容都是节点，包括文档节点、元素节点、文本节点、注释节点、属性节点等等。而jQuery的查询最主要针对的是元素节点，如段落（p）、锚点（a）、表格（table）等，同时jQuery还可以用attr方法方便地对元素节点的属性进行读取/设置。
document.getElementById(‘elem1‘)
或者是获取页面上的所有checkbox元素，首先需要获取input类型的元素：
document.getElementsByTagName(‘input‘)
然后对获得的元素列表进行for循环处理，逐个判断其类型是否为checkbox。
如果有更多元化的查询要求，则对应的js代码也会相当复杂。虽然有一些库可以解决这方面的需求，但强大程度、易用性等方面都不太理想。John Resig发现了一个盲点——css样式应用到页面上的元素时，是有一套规则的，即css选择器，浏览器可以通过css选择器找到匹配的元素并将指定的样式应用到这些元素上。也就是说，通过css选择器可以有效地进行元素查找定位，但它最初只被用于样式领域。
例如，上面2个例子用jQuery可以写为：
$(‘#elem1‘)
与
$(":checkbox")
同时，jQuery还有一个核心思想——链式操作，例如：
$(‘div.con‘)
.height(100)
.show();
这样的连续调用可以让代码书写更加简洁，也就是jQuery自己的口号：写的更少，做的更多此外，jQuery还提供了浏览器兼容、样式读写、事件绑定与执行、动画等特性，后来又加入了ajax、promise等，再加上方便的插件编写机制，对整个js的生态圈产生了重大的影响，可以说是js历史上影响力最大的一个库。