JQuery选择器和操作得到的元素

来源:互联网 发布:cnc编程招聘 编辑:程序博客网 时间:2024/05/21 00:00
JQuery

基本选择器
#myid        匹配一个Id
element        匹配所有的elemnet元素
.myclass    匹配所有的类
*        匹配所有元素
selector1,selector2,selectorN    匹配满足选择器的所有元素
层次选择器
elementParent elementChild    匹配elementParent下所有的子元素。
elementParent>elementChild    选择所有上级元素为elementParent的元素
prev+next            匹配prev同级之后紧邻的元素next
prev~sibling            匹配prev同级之后的元素sibling

基本滤镜选择器
:first        匹配第一个元素
:last        匹配最后一个元素
:even         从匹配的元素集中选取序数为偶数的元素
:odd         从匹配的元素中选叙述为基数的元素
:eq(index)     从匹配的元素集章选取第index个元素
:gt(index)     从匹配的元素集章选取序数大于index个元素
:lt(index)     从匹配的元素集章选取序数小于index个元素
:empty         匹配所有没有子元素的元素
:parent     匹配包含子元素的所有元素(包含文本内容)
:hidden     匹配所有隐藏的元素,包含属性值type=hidden
:visible    匹配所有非隐藏元素
:header     匹配所有标题元素
:contains(text) 匹配所以包含text的元素
:animated     匹配正在执行动画的元素
:not(selector)  匹配不满足selector的元素
:has(selector)  匹配包含selector的元素

子元素滤镜选择器
E:nth-child(index/even/odd/equation) 匹配所有E在其父元素下满足括号条件的结合。下表从1开始。
E:first-child
E:last-child
E:only-child 只有一个child的。

表单滤镜选择器
:input    匹配所有的input ,textarea ,select ,button
:text    匹配文本域 在IE下选择Type属性为text的元素,非IE下,选择的对象是input与阿奴type属性为text的元素
:password    匹配密码域
:radio        匹配单选按钮
:checkbox    匹配复选框
:submit        匹配submit
:image        匹配图像域
:reset        匹配重置按钮
:button        匹配按钮
:file        匹配文件域
:enabled    匹配所有可用的元素
:disabled    匹配所有不可用的元素
:checked    匹配所有被选中的表单
:selected    匹配所有选择的表单

属性滤镜选择器
[attr]    匹配拥有attr属性的元素
[attr=value]
[attr!=value]
[attr^=value]    匹配attr的值以value开头的
[attr$=value]    匹配attr的值以value结尾的
[attr*=value]    匹配attr包含value的。

操作得到的元素
得到属性
attr(name)获取第一个

修改属性
attr(key,value) 修改第一个
attr(key,fn)
attr(properties)

删除属性
removeAttr(name)

操作样式表
添加样式表
addClass(class)    一个或多个样式表,用空格分开

去除样式表
removeClass(class)删除一个或多个样式表,用空格分开

交替样式表
toggleClass(class)

操作CSS
css(name) 得到第一个匹配元素的的样式属性
css(name,value)在所有匹配的元素中,设置一个样式属性的值
css(properties) 把一个“key/value”对设置为所匹配元素的样式属性

获得元素的偏移信息
offset() 获取匹配元素子当前视口的相对偏移。返回值包含两个整数top left

获得和设置高度
height() 取得第一个匹配元素当前计算的高度值,Integer
height(val) 设置每个匹配元素的CSS属性的高度

获得窗口的高度:$(window).height()

获得和设置宽度
width()
width(val)

操作内容
html() 获得第一个匹配的元素的html内容
html(val) 设置第一个匹配元素的html内容

操作文本
text()    获取所有匹配元素的内容
text(val)

操作值,主要是对文本输入框,多选框等
val()
val(val)

查找与筛选元素
过滤元素集
filter(expr) 筛选出与指定表达式匹配的元素集合,用,分隔多个表达式
filter(fn)

hasClass(class)检查当前元素是否拥有某个特定的类,返回值为boolean
<=>is(expr) not(expr) 返回值都为boolean

JQuery过滤函数集列表
eq(index)
filter(expr)
filter(fn)
hasClass(class)
is(expr)
map(callback)
not(expr)
slice(strat,[end])

在元素中查找
find(expr) 搜索所有与指定表达式匹配的元素,是找出正在处理的元素的后代元素的好方法

next([expr]) 只是找到下一个。找到所有可以用nextAll()

JQuery查找元素集列表
add(expr)     把与表达式匹配的元素添加到JQuery对象中
children([expr])只考虑子元素,不考虑所哟后代元素
contents()     查找匹配元素内部所有子节点
find(expr)
next([expr])
nextAll([expr])
parent([expr])  查找所有的祖辈
prev([expr])     紧邻的前一个
prevAll([expr]) 前面的所有
sibling([expr])

链式操作
简化代码数量,但是同时可能造成代码的可读性降低。
end()    将操作回滚到最近的一个破坏性操作之前。也就是将匹配的元素列表变为前一次的状态。

andSelf() 将先前所匹配的元素加入当前元素中
















原创粉丝点击