jquery获取对象的方法足以应付常见的各种类型的对象


Posted in Javascript onMay 14, 2014

(1)基本对象获取

$("*")
获取所有对象

$("#element")
获取id为element的对象等同于document.getElementById(“element”);

$(".abc")
获取class为abc的对象

$("div")
获取html中所有的div元素

$("#a,.b,p")
获取id为a和class为b以及所有p元素

$("#a .b p")
获取id为a并且class为b元素下的p元素

(2)层级对象获取

$("div>input")
获取div下所有input对象

$("div+h")
获取紧跟在div后的一个h元素

$("div~p")
获取在元素div之后的所有p元素

(3)简单对象获取

$("element:first")
获取页面上某个元素的第一个如$("div:frist")表示第一个div

$("element:last")
获取页面上某个元素的最后一个如$("div:frist")表示最后一个div

$("element:not(selector)")
去除所有与选择器匹配的元素如$("input:not(:check)")表示所有未被选中的复选框

$("element:even")
获取element元素的偶数行

$("element:odd")
获取元素的奇数行

$("element:eq(index)")
获取特定索引的元素 如$("div:el(2)")表示第三个div

$("element:gt(index)")
匹配所有大于给定索引值的元素

$("element:lt(index)")
匹配所有小于给定索引的元素

$(":header")
匹配h标记的元素

$("element:animated")
匹配所有没有执行动画效果的元素

(4)内容对象的获取和对象的可见性

$("Element:contains(text)")
元素中的文本是否包含某个字母或字符串

$("Element:empty")
获得不包含文本或子元素的元素对象

$("Element:parent")
获得对象元素包含文本或子元素

$("Element:has(selector)")
匹配含有某个元素是否包含某个元素 如$("p:has(span)")表示所有包含span元素的p元素

$("Element:hidden")
匹配所有不可见元素,包括display:none 以及input的属性是hidden的元素

$("Element:visible")
匹配所有课件元素

(5)对象获取进阶

$("Element[id]")
获取所有带有id属性的元素

$("Element[attribute=abcd]")
获取所有某个属性为abcd的元素

$("Element[attribute!=abcd]")
获得所有某个属性不为abcd的元素

$("Element[attribute^=ab]")
获得所有某个属性以ab开头的元素

$("Element[attribute$=ab]")
获得所有某个属性以ab结尾的元素

$("Element[attribute*=ab]")
获得所有含有某个属性包含ab的元素

$("Element[selector1][selector2][.....]")
符合属性选择器 如$("input[id][name][value=abcd]")表示获得带有ID、Name以及value是abcd的input元素

(6)子元素的获取

$("Element:nth-child(index)")
选择父级下的第N个子元素,索引从1开始
:nth-child(even)偶数
:nth-child(odd)奇数
:nth-child(3n)表达式
:nth-child(2)索引
:nth-child(3n+1)表达式

$("Element:first-child")
父级下的第一个子级元素

$("Element:last-child")
父级下的最后一个子级元素

$("Element:only-child")
父级下的唯一的一个子级元素

(7)表单对象的获取

$(:input)
只能匹配input元素类型为 input button select textarea

$(:text)
所有当行文本框

$(:password)
所有密码框

$(:radio)
所有单选按钮

$(:checkbox)
所有复选框

$(:submit)
所有提交按钮

$(:image)
所有图片域
$(:reset)
所有充值按钮

$(:button)
所有按钮

$(:file)
所有的文件上传域

$(:hidden)
所有不可见元素或者type为hidden的元素

$(:enabled)
所有可用input元素

$(:disabled)
所有不可用input元素

$(:checked)
所有复选框元素

$(:selected)
所有下拉表

(8)元素属性的设置与移除

$("Element").attr(name)
取得第一个匹配元素的属性值 如$("img").attr("src");

$("Element").attr({key:value,key:value,......})
为某一个元素一次性设置多个属性

$("Element").attr(key,value)
为某个元素设置属性

$("Element").attr(key,function)
为所有匹配的元素设置一个计算的属性

$("Element").removeAttr(name)
移除某一个属性

Javascript 相关文章推荐
jQuery 动画基础教程
Dec 25 Javascript
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
Dec 25 Javascript
Ext javascript建立超链接,进行事件处理的实现方法
Mar 22 Javascript
jQuery性能优化28条建议你值得借鉴
Feb 16 Javascript
jQuery图片播放8款精美插件分享
Feb 17 Javascript
node.js中watch机制详解
Nov 17 Javascript
使用Web Uploader实现多文件上传
Jun 08 Javascript
JavaScript使用readAsDataUrl方法预览图片
May 10 Javascript
React如何利用相对于根目录进行引用组件详解
Oct 09 Javascript
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
js最全的数组的降维5种办法(小结)
Apr 28 Javascript
详解Vue项目的打包方式(生成dist文件)
Jan 18 Vue.js
jquery-syntax动态语法着色示例代码
May 14 #Javascript
jquery对table中各数据的增加、保存、删除操作示例
May 14 #Javascript
调整小数的格式保留小数点后两位
May 14 #Javascript
原生js的弹出层且其内的窗口居中
May 14 #Javascript
js 获取页面高度和宽度兼容 ie firefox chrome等
May 14 #Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
May 14 #Javascript
JavaScript函数获取事件源的小例子
May 14 #Javascript
You might like
PHP 命名空间实例说明
2011/01/27 PHP
PHP入门教程之面向对象的特性分析(继承,多态,接口,抽象类,抽象方法等)
2016/09/11 PHP
php检测mysql表是否存在的方法小结
2017/07/20 PHP
用dom+xhtml+css制作的一个相册效果代码打包下载
2008/01/24 Javascript
基于jQuery的日期选择控件
2009/10/27 Javascript
js 蒙版进度条(结合图片)
2010/03/10 Javascript
js获取系统的根路径实现介绍
2013/09/08 Javascript
jQuery简单实现banner图片切换
2014/01/02 Javascript
jQuery中prevAll()方法用法实例
2015/01/08 Javascript
js实现对table动态添加、删除和更新的方法
2015/02/10 Javascript
jQuery背景插件backstretch使用指南
2015/04/21 Javascript
javascript去除空格方法小结
2015/05/21 Javascript
js判断图片加载完成后获取图片实际宽高的方法
2016/02/25 Javascript
jQuery soColorPacker 网页拾色器
2016/06/22 Javascript
JavaScript获取服务器端时间的方法
2016/11/29 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
2017/02/10 Javascript
vue集成kindeditor富文本的实现示例代码
2019/06/07 Javascript
VUE+elementui组件在table-cell单元格中绘制微型echarts图
2020/04/20 Javascript
jQuery 动态粒子效果示例代码
2020/07/07 jQuery
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
[01:00:10]完美世界DOTA2联赛PWL S2 FTD vs Inki 第二场 11.21
2020/11/24 DOTA
python不带重复的全排列代码
2013/08/13 Python
python3实现爬取淘宝美食代码分享
2018/09/23 Python
Python SMTP发送邮件遇到的一些问题及解决办法
2018/10/24 Python
Python 抓取微信公众号账号信息的方法
2019/06/14 Python
中文系师范生自荐信
2013/10/01 职场文书
办公室助理岗位职责
2013/12/25 职场文书
校园安全广播稿
2014/02/08 职场文书
护士上岗前培训自我鉴定
2014/04/20 职场文书
大学迎新标语
2014/06/26 职场文书
检察院对照“四风”认真查找问题落实整改措施
2014/09/26 职场文书
交通局领导班子群众路线教育实践活动对照检查材料思想汇报
2014/10/09 职场文书
2014年法务工作总结
2014/12/11 职场文书
上课迟到检讨书范文
2015/05/06 职场文书
成功的商业计划书这样写才最靠谱
2019/07/12 职场文书
CSS3新特性详解(五):多列columns column-count和flex布局
2021/04/30 HTML / CSS