jq中文文档:http://www.css88.com/jqapi-1.9/
jq ui中文文档:http://www.css88.com/jquery-ui-api/ 1.10版本
jq ui 1.7版:http://jqueryui.net
css属性
.addClass( className )
它可以添加一个或者以上的样式类
用空格进行隔开的样式表类
.removeClass( [className ] )
它可以移出所有或者一个
一般情况下这2个可以联合一起使用,如下
$(‘.p‘).removeClass().addClass(obj)
在jq1.4之后.addClass()可能让我们传递一个用于设置样式类的函数,如下
(‘ul li:last‘).addClass(function(index){})
使用否定式伪类
:not(obj)移除不匹配的选择器元素
子选择器的方式,如下
$(‘a[href="http"]>li‘).addClass()
属性选择器(可以查看文档:http://www.css88.com/jqapi-1.9/category/selectors/attribute-selectors/)
常见的属性选择器方式
[name=value] 属性选择器,选择所有属性为name,值为value的元素
[name^=value]属性选择器,选择所有属性为name,值为value的开头元素
[name$=value] 属性选择器,选择所有属性为name,值为value的结尾元素
[name~=value]属性选择器,选择所有属性为name,值为空格分隔包含value元素
[name*=value] 属性选择器,选择所有属性为name,值为包含value元素
例如
$(‘a[href^=mailto:]‘).addClass(obj)
自定义选择符
:eq(index)从匹配元素(如index=0时,从索引0开始)
:eq(-index):注意:-1表示最后一个元素
如下
$(‘td:eq(2)‘).css()
( ":lt(index)"选择匹配集合中所有索引值小于给定的index参数元素,是从0开始
( ":lt(-index)"与:eq(-index)类似
:odd:它是基于0的索引,所以:odd选择器是选择第二个元素,第四个元素,依此类推匹配(偶数)
但是:odd查询不能充分利用原生dom提供的querySelectorAll()方法提高性能,如果使用了纯
css选择器选择元素,使用.fiter(‘:odd‘)
:gt(index):从0开始计数索引
:gt(-index):从最后一个元素开始反向计数
:gt()它:odd一样,不能使用原生dom方法,只能通过$(‘css‘).slice(index)代替
.filter( selector )一个用于匹配元素的选择器字符串
.filter( function(index) )这边的index参数,它的索引从0开始,表示未经过滤匹配元素集合中元素位置,如下
$(‘li‘).filter(function(index){
return this})
this在这边是指的:这个对象
:even它是基于0的索引,是从第一个元素,第三个元素,依此类推匹配,它与:odd一样,通过.filter()方法来使用它(奇数)
":nth-child(obj)" 是严格来自css规范的,所以obj值是1的索引,也就是说从1开始计数,它是jq世界中唯一一个从1开始计数的
基于上下文内容选择元素
(筛选信息的)
":contains(text)"用来查询一个文本字符串,注意:它是区分大小写的
表单
表单例子:
$(‘input[type="button"]:click‘)
dom遍历方法
.filter()它是迭代所有匹配元素对象,对每个元素都调用传入函数并测试返回值,如果为false,对相应的删除,如果为true则保留相应元素
为特定的单元格添加样式
.next()一个字符串,其中包含一个选择器表达式针对匹配元素。允许我们找遍元素集合中紧跟着这些元素的直接兄弟元素,并根据匹配的元素创建一个新的 jQuery 对象。它还一个可选的选择器表达式,该选择器表达式可以是任何可传给$()函数选择器表达,如果每个元素直接兄弟元素满足所提供选择器,则会保存在新生成jq对象中,否则不会保存
.nextAll( [selector ] )如果一个jq对象代表了一级dom元素,它可以允许我们在dom树上遍历所有元素后继元素,并生成一个新的匹配元素jq对象,与.next()类似
.prev()与.prevAll()用于匹配元素的选择器字符串,如果上一个兄弟不存在,或如果前面的同级元素不匹配所提供的选择器,返回一个空的jQuery对象。
.siblings( [selector ] )一个用于匹配元素的选择器字符串
.addBack( [selector ] )一个字符串,其中包含一个选择器表达式,匹配当前元素集合不包括在内的元素
":parent"择所有含有子元素或者文本的父级元素。
:parent
(和 :empty
)所涉及的子元素,包括文本节点。
.empty()
- 这个方法不接受任何参数。
.children( [selector ] )获得匹配元素集合中每个元素的子元素(所有的),选择器选择性筛选。它的对应方法 :.contents()
。(可以查看它的文档:http://www.css88.com/jqapi-1.9/children/)
访问dom元素
get( [settings] )
标签名get(index).tagName
简写
$()[0].tagName
事件