方法以及属性温习

标签：

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)"用来查询一个文本字符串，注意：它是区分大小写的

表单

• :button
• :checkbox
• :checked
• :disabled
• :enabled
• :focus
• :file
• :image
• :input
• :password
• :radio
• :reset
• :selected
• :submit
• :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

事件

方法以及属性温习

标签：

原文地址：http://www.cnblogs.com/mhxy13867806343/p/4600401.html