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() 将先前所匹配的元素加入当前元素中
基本选择器
#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() 将先前所匹配的元素加入当前元素中
- JQuery选择器和操作得到的元素
- CSS/JQuery元素选择器之&&和||,选择器的逻辑操作
- jQuery 的选择器 元素选择器
- jQuery操作得到DOM元素
- jquery之选择将被操作的元素(CSS选择器)
- jquery使用选择器获得要操作的元素
- jquery: 使用选择器获得要操作的元素
- jQuery 元素选择器和属性选择器-6.2
- jquery选择器属性和方法的操作
- jQuery选择器的结果是prevobject:e.fn.e.init [1]我怎么得到一个元素
- jQuery-基本过滤选择器和子元素过滤选择器某些相似选择器的区别
- 详解jQuery的元素选择器
- 使用jquery选择器操作form元素
- Jquery使用id选择器操作元素注意事项
- jQuery 表单元素和表单对象属性的过滤选择器
- jquery选择器和基本操作
- jQuery选择器和表单操作
- jquery之选择将被操作的元素(利用自定义jquery选择器)
- 各类验证码收集 整理笔记
- 连接数据库的例子
- QT4.5.3移植到mini2440,tiny6410
- xdebug的安装
- 创建使用本地数据库的WP7应用程序
- JQuery选择器和操作得到的元素
- \Home\bin\Home.apk installed on device
- IE10将增强对HTML5和CSS3的支持
- SAP HR中时间有效性决定了某个infotype 内表中的数据只有最近时间的那条记录有效
- Ubuntu虚拟机访问宿主Windows系统文件夹的方法
- sap资料下载地址
- 哈希表的使用
- 求数组中最长递增子序列
- WinEdt使用技巧整理