JQuery介绍

1.JavaScript库

2.jQuery的概念

3. jQuery的优点

• 轻量级。核心文件才几十kd，不会影响页面的加载
• 跨浏览器兼容，基本兼容了现在主流的浏览器
• 链式编程，隐式迭代。
• 对事件，样式，动画支持，大大简化了DOM操作
• 支持插件扩展开发，有着丰富的第三方的插件，例如：树形菜单，日期控件轮播图等
• 免费，开源

4.jQuery的入口函数

第一种（常用）

$(function(){

......此处是页面DOM加载完成的入口

})

第二种

$(document).ready(function(){

.......此处是页面DOM加载完成的入口

})

5.jQuery对象和DOM对象转换

示例：

jQ转DOM

DOM转jQ

6.jQuery选择器

原生js获取元素方式有很多，很杂，而且兼容性情况不一致，因此jQuery给我们做了封装，使获取元素统一标准

    6.1基础选择器

名称	用法	描述
id选择器	$("#id")	获取指定id的元素
全选选择器	$(' * ')	匹配所有元素
类选择器	$(".class")	获取同一类class的元素
标签选择器	$("div")	获取同一类标签的所有元素
并集选择器	$("div.p.li")	选取多个元素
交集选择器	$("li.current")	交集元素

    6.2层级选择器

      层级选择器最常用的两个分别为：后代选择器和子代选择器

名称	用法	描述
子代选择器	$("ul>li")	使用>号，获取亲儿子层级的元素；注意，并不会获取孙子层级的元素
后代选择器	$("ul  li")	使用空格，代表后代选择器，获取ul下的所有li元素，包括孙子等

   6.3属性选择器

   属性选择器是制定DOM元素对应属性的一种选择器

名称	用法	描述
属性名称选择器	$("A[属性名]")	包含指定属性的选择器
属性选择器	$("A[属性名= ‘值’ ]”)	包含指定属性等于指定值的选择器
复合属性选择器	$("A[属性名= ‘值’ ] [] [] ....”)	包含多个属性条件的选择器

例如：

6.4过滤选择器

筛选选择器，顾名思义就是在所有的选项中选择满足条件的进行筛选，常见如下：

语法	用法	描述
:first	$('li:first')	获取第一个li元素
:last	$('li:last')	获取最后一个li元素
:eq(index)	$("li:eq(2)")	获取到的li元素中，选择索引号为2的元素，索引号index从0开始
:odd	$("li:odd")	获取到的li元素中，选择索引号为奇数的元素
:even	$("li:even")	获取到的li元素中，选择索引号为偶数的元素
:gt(index)	$("li:gt(2)")	获取到的li元素中，匹配索引值大于2的元素，index从0开始计算

例子：

  代码

    6.5可见性过滤器

名称	说明	举例
:hidden	匹配所有的不可见元素	查找所有不可见的tr元素：$("tr:hidden")
:visible	匹配所有的可见元素	查找所以可见的tr元素：$("tr:visible")