一、概念
jQuery是一个优秀的轻量级Javascript库，兼容CSS3，还兼容各种浏览器，在Web前端开发中广泛使用。在现在就业的过程中，会运用JQuery会成为你的加分项。
课程将从 jQuery 基础入手，我们会学习到 jQuery 的具有鲜明特征的用法，例如 jQuery 选择器、jQuery 的事件和动画等。
二、内容
1.选择器
2.筛选器
3.样式操作
4.文本操作
5.属性操作
6.文档处理
7.事件
8.动画效果
9.插件
10.each、data、Ajax
三、jQuery的好处
1.jQuery 强调的理念就是写的少，做的多（write less,do more）。它有如下的优势：
1.1轻量级。
1.2强大的选择器。
1.3出色的 DOM 操作的封装。
1.5可靠的事件机制。
1.5完善的 ajax。
1.6出色的浏览器兼容性。
1.7链式操作方式。
1.8隐式迭代。
1.9行为层与结构层的分离。
2.0丰富的插件支持。
2.1这里是引用
2.2完善的文档。
2.3开源。
四、配置jQuery
进入 jQuery 的官方网站 http://jquery.com/,可以下载最新的 jQuery 文件到本地，然后再引入到项目即可。
<head>
<script type="text/javascript" src="js\jquery.js"></script>
</head>
注意： src路径根据包在哪，自行调整。
五、语法
jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。
基础语法是：
$(selector).action()
符号 $ 定义 jQuery。
选择符（selector）“查询”和“查找” HTML 元素。
jQuery 的 action() 执行对元素的操作。
1.所有 jQuery 函数位于一个 document ready 函数中：
$(document).ready(
function
(){
});//可以简写成
$(funciton(){
});
六、基本选择器
基本选择器（同css）
id选择器：
#不管找什么标签，用什么选择器，都必须要写$("")，引号里面再写选择器，通过jQuery找到的标签对象就是一个jQuery对象
标签选择器：
$("tagName")
class选择器：
$(".className")
配合使用：
$("div.c1") // 找到有c1 class类的div标签
所有元素选择器：
$("*")
组合选择器：
$("#id, .className, tagName")
2.层级选择器
$("parent child");// parent的所有后代child（子子孙孙）
$("parent >child");// parent的所有儿子child（儿子）
$("parent+ child")// 找到所有紧挨在parent后面的child
$("parent~ child")// parent之后所有的兄弟child
2.基本筛选器
:first // 第一个
:last // 最后一个
:eq(index)// 索引等于index的那个元素
:even // 匹配所有索引值为偶数的元素，从 0 开始计数
:odd // 匹配所有索引值为奇数的元素，从 0 开始计数
:gt(index)// 匹配所有大于给定索引值的元素
:lt(index)// 匹配所有小于给定索引值的元素
:not(元素选择器)// 移除所有满足not条件的标签
:has(元素选择器)// 选取所有包含一个或多个标签在其内的标签(指的是从后代元素找)
4.属性选择器
[attribute]
[attribute=value]// 属性等于
[attribute!=value]// 属性不等于
实例
// 示例,多用于input标签
<input type="text">
<input type="password">
<input type="checkbox">
$("input[type='checkbox']");// 取到checkbox类型的input标签
$("input[type!='text']");// 取到类型不是text的input标签
5.表单筛选器
:text
:password
:file
:radio
:checkbox
:submit
:reset
:button
1959
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
