JQuery常用选择器，方法，正则表达式

浏览数：36 / 时间：2015年06月09日

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)表达式：一个字符串代表了某种规则，其中可以使用某些特殊字符来代表特殊的规则

正则表达式的常用符号

正则表达式的重复字符: