JQuer常用选择器，方法，正则表达式
JQuer 选择器
1) 标签选择器：$(" h3 ")取全部的h2元素
层次选择器：$("#div a ")取div下全部<a>元素
类选择器： $(".title ")取全部class下的title元素
子选择器: $(“ #menu>span ”)选取#menu下的子元素
Id 选择器: $(" # title")取id 为title 的元素
后代选择器: $(“ #menuspan ”)选取#menu下所有的<span>元素
相邻选择器： $(" h2+dl" )取紧邻<h2>元素后的<dl>元素
同辈元素： $(“h2~dl”)选取<h2>元素之后所有的同辈元素<dl>
交集选择器： $(“h2.title”)选取所有拥有class为title的h2元素
全局选择器： $("*")选取所有元素
JQuer 基本过滤选择器
2 ):first : $(" li:first ")取全部li 元素中第一个li 元素
:last : $( "li:last" )取全部li 元素中最后一个li 元素
:not(three) : $( "li:not(.thress)")取class不是thress的元素
:even : $( "li:even ")取索引是偶数的全部li 元素
:odd :$( "li:odd ")取索引是奇数的全部li 元素
:eq(index) :$( "li:eq(1) ")取索引等于1的li元素
:gt(index) :$ ( "liLgt(1) ")取索引大于1的元素
:lt(index) :$( "li:eq(1) ")取索引小于1的元素
JQuer常用方法
3）addClass() 向被选中元素添加一个或多个类的样式
css()为匹配的元素添加css样式
Next()获所匹配元素合中每个元素其紧邻的同辈元素
Click() 触发或将函数绑定到指定元素的click事件
show()元素显示 Hide()元素隐藏
fadeIn()元素淡入 fadeout() 元素淡出
Mouseover() 鼠标指针移过 Mouseout鼠标指针移出
Focus() 获取焦点 Blur() 失去焦点
Hover() 鼠标悬停 Toggle()鼠标连续点击
removeClass()移除样式 toggleClass()切换不同元素的类样式
Text()获取或设置元素的文本内容 Val()获取或设置元素value属性值
Prev() 取紧邻匹配元素之前的元素 Html()用于动态的新增页面内容
animate() 用于创建自定义动画的函数 Siblings()取位于匹配元素前面和后面的所有同辈元素
Children()获取当前匹配元素下的所有子元素 find()搜索所有与指定表达式匹配的元素
JQuer正则表达式
4)表达式：一个字符串代表了某种规则，其中可以使用某些特殊字符来代表特殊的规则
正则表达式的常用符号
符号 | 描述 |
/…/ | 代表一个模式的开始和结束 |
^ | 匹配字符串的开始 |
$ | 匹配字符串的结束 |
\s | 任何空白字符 |
\S | 任何非空白字符 |
\d | 匹配一个数字字符，等价于[0-9] |
\D | 除了数字之后的任何字符，等价于[^0-9] |
\w | 匹配一个数字、下划线或字母字符，等价于[A-Za-z0-9_] |
\W | 任何非单字字符，等价于[^a-zA-Z0-9_] |
. | 除了换行符之外的任何字符 |
正则表达式的重复字符:
符号 | 描述 |
{n} | 匹配前一项n次 |
{n,} | 匹配前一项n次，或者多次 |
{n,m} | 匹配前一项至少n次，但是不能超过m次 |
* | 匹配前一项0次或多次，等价雨｛0，｝ |
+ | 匹配前一项1次或多次，等价于｛1，｝ |
? | 匹配前一项0次或1次，也就是说前一项是可选的，等价于｛0，1｝ |