jQuery（j 亏儿瑞）

概述
jQuery是一个快速、简洁的JavaScript框架jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器
衔接：https://baike.baidu.com/item/jQuery/5385065?fr=aladdin
how2j：http://how2j.cn/k/jquery/jquery-tutorial/467.html#nowhere
选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的CSS 选择器，除此之外，它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头：$()。
元素选择器
jQuery 元素选择器基于元素名选取元素。
理解 $(function(){})

$(function(){
});

表示文档加载。看上去略复杂，其实是由下面两种构成：

$();

function(){
}

合并在一起就是：

$(function(){
});

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。
换句话说，写在这里面的JQuery代码都是文档加载好之后的。
就不会有获取一个还没有加载好的图片这种问题了。
一样功能，还有另一个写法

$(document).ready(function(){
});

它也是由两部分组成

$(document).ready();

function(){
}
通过id获取元素
与javascript通过id获取元素节点的方式(document.getElementById )不同
JQuery通过 $("#id") 就可以获取了

需要注意的是，通过 document.getElementById 获取到的是 DOM里的 元素节点
而通过$("#id") 获取到的是一个 JQuery 对象
增加监听器
JQuery增加click事件的监听

$("#b1").click(function(){
alert(“点击了按钮”);
});

这个也是由两部分组成：

1. b1按钮的点击事件

$("#b1").click();

2. 弹出对话框的函数

function(){
alert(“点击了按钮”);
}