一.JQuery简介
jQuery 是一个 JavaScript 库,具有的特性如下：
HTML元素选取，HTML元素的操作，css操作，HTML事件函数，JavaScript 特效和动画，HTML Dom遍历和修改，Ajax,utilities
二.JQuery使用
1.导入文件（jquery库）
<head> <script type="text/javascript" src="jquery.js"></script> </head>
2.jquery语法
http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
- 找 用jQuery找到目的标签
- 选择器 语法规则：$("xxx")
基本选择器：
- ID选择器 $("#id的值")
- 类选择器（class） $(".class的值")
- 标签选择器(html标签) $("标签的名字")
- 所有标签 $("*")
- 组合选择器 $("xx,xxx")
层级选择器
- 从一个标签的子子孙孙去找 $("父亲 子子孙孙")
- 从一个标签的儿子里面找 $("父亲>儿子标签")
- 找紧挨着的标签 $("标签+下面紧挨着的那个标签")
- 找后面所有同级的 $("翔哥~女人")
jQuery对象：
- 用jQuery选择器查出来的就是jQuery对象
- jQuery对象，他就可以使用jQuery方法，不能使用DOM的方法
- DOM对象和jQuery对象转换：
- $(".c1")[0] --> DOM对象
- $(DOM对象)
- 筛选器
- 写在引号里面的
$(" :first") //第一个元素
$(" :not('')") //某个元素里不含有某个元素
$(" :even") //所有偶数xxx 元素
$(" :odd") //所有奇数xxx元素
$(" :eq")
例：$("ul li:eq(3)") //列表中第四个元素
$(" :gt")
例：$("ul li:gt(3)") //列出索引大于3的元素
$(" :last")
$(" :focus")
内容
$(":contains") //包含指定字符串的所有元素
$(" :empty") //无子节点的所有元素
$(" :has('')")
$(" :parent") ***** 区别于$("").parent()
可见性
$(" :hidden)
$(" :visible")
属性
input[name] --> 有name属性的input
input[type='password'] --> 类型是password的input标签
表单
:input
:password
:checkbox
:radio
:submit
:button
:image
:file
表单对象属性
:enable
:disable
:checked
:selected
- 写在引号外面当方法用的
过滤
$("").first()
$("").parent()
$("").eq()
.hasClass()
查找
.children()
.find()
.next()
.nextAll()
.nextUntil()
.parent()
.parents()
.parentsUntil()
.prev()
.prevAll()
.prevUntil()
.siblings()