JQuery基础

1：JQuery

JQuery：JavaScript+Query（查询），是辅助JavaScript开发的js类库，且实现了很多浏览器的兼容问题；

2：$

$是JQuery的核心函数，可以完成JQuery的很多核心功能。$()就是调用这个函数；

• 传入参数为函数时：表示页面加载完成之后的工作，相当于window.onload = function(){};
• 传入参数为HTML字符串时：会帮我们创建这些html标签对象；
• 传入参数为选择器字符串时：eg：$("#id")，类似于getElementsById("id")；传入标签名时为标签名选择器；相应还要类型选择器等；
• 传入参数为dom对象时：会把这个dom对象转换为JQuery对象

3：dom对象和JQuery对象区分

• JQuery对象不能使用dom对象的属性和方法，dom对象也不能使用JQuery对象的属性和方法
• dom对象转化为Jquery对象：先有dom对象，$（dom对象）就可以转换成jquery对象；
• JQuery对象转换成dom对象：现有JQuery对象，JQuery对象[下标]取出相应的dom对象；

4：JQuery对象是什么？

• JQuery对象是dom对象的数组（例如用name查询的多个button封装成一个JQuery对象）+JQuery提供的一系列功能函数；

5：JQuery选择器

• JQuery 选择器基于元素的id，类，类型，属性，属性值等用于 "查找" (或选择) HTML 元素。它基于已经存在的 CSS 选择器, 除此之外，它还有一些自定义的选择器。
• jQuery中所有选择器都以美元符号开头: $().
• 元素选择器：jQuery 元素选择器基于元素名选取元素。在页面中选取所有 <p> 元素:$("p")
• Id选择器：$("#test")；
• .class 选择器：$(".test")//所有class为test的元素
• 更多实例：（还有组合选择器，全部传入参数即可）

$("*")	选取所有元素
$(this)	选取当前 HTML 元素
$("p.intro")	选取所有 <p> 元素
$("p:first")	选取第一个 <p> 元素
$("ul li:first")	选取第一个 <ul> 元素的 第一个<li> 元素
$("ul li:first-child")	选取每个 <ul> 元素的 第一个<li> 元素
$("[href]")	选取带有 href 属性的元素
$("a[target='_blank']")	选取所有 target 属性值等于"_blank"的 <a> 元素
$("a[target!='_blank']")	选取所有 target 属性值不等于"_blank"的 <a> 元素
$(":button")	选取所有 type="button" 的 <button> 元素 和 <input> 元素
$("tr:even")	选取偶数位置的 <tr> 元素
$("tr:odd")	选取奇数位置的 <tr> 元素