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 相关文章推荐
Extjs学习笔记之六 面版
Jan 08 Javascript
一个简单的JS鼠标悬停特效具体方法
Jun 17 Javascript
js编写贪吃蛇的小游戏
Aug 24 Javascript
JavaScript重载函数实例剖析
May 13 Javascript
JS集成fckeditor及判断内容是否为空的方法
May 27 Javascript
JavaScript每天必学之数组和对象部分
Sep 17 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
Jun 04 Javascript
使用webpack3.0配置webpack-dev-server教程
May 29 Javascript
微信小程序自定义组件实现tabs选项卡功能
Jul 14 Javascript
webstrom Debug 调试vue项目的方法步骤
Jul 17 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 Javascript
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源代码安装常见错误与解决办法分享
2013/05/28 PHP
php类中的各种拦截器用法分析
2014/11/03 PHP
PHP二维数组排序简单实现方法
2016/02/14 PHP
php生成图片验证码的方法
2016/04/15 PHP
thinkPHP基于ajax实现的菜单与分页示例
2016/07/12 PHP
微信公众号开发客服接口实例代码
2016/10/21 PHP
PHP实现git部署的方法教程
2017/12/19 PHP
Convert Seconds To Hours
2007/06/16 Javascript
将字符串转换成gb2312或者utf-8编码的参数(js版)
2013/04/10 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
2014/01/09 Javascript
Node.js中AES加密和其它语言不一致问题解决办法
2014/03/10 Javascript
extjs 时间范围选择自动判断的实现代码
2014/06/24 Javascript
基于Jquery实现表单验证
2020/07/20 Javascript
JavaScipt选取文档元素的方法(推荐)
2016/08/05 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
2016/12/27 Javascript
jQuery UI仿淘宝搜索下拉列表功能
2017/01/10 Javascript
JS对象是否拥有某属性如何判断
2017/02/03 Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
2017/06/04 Javascript
React组件生命周期详解
2017/07/03 Javascript
nodejs结合socket.io实现websocket通信功能的方法
2018/01/12 NodeJs
node.js自动上传ftp的脚本分享
2018/06/16 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
2020/05/06 Javascript
Vue实现Header渐隐渐现效果的实例代码
2020/11/05 Javascript
Python实现将绝对URL替换成相对URL的方法
2015/06/28 Python
python和bash统计CPU利用率的方法
2015/07/10 Python
python函数局部变量用法实例分析
2015/08/04 Python
Python 专题二 条件语句和循环语句的基础知识
2017/03/19 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
Django为窗体加上防机器人的验证码功能过程解析
2019/08/14 Python
python给list排序的简单方法
2020/12/10 Python
HTML5注册表单的自动聚焦与占位文本示例代码
2013/07/19 HTML / CSS
个人事迹材料怎么写
2014/12/30 职场文书
教师继续教育反思周记
2015/06/25 职场文书
mysql在项目中怎么选事务隔离级别
2021/05/25 MySQL
详解JAVA的控制语句
2021/11/11 Java/Android
java后台调用接口及处理跨域问题的解决
2022/03/24 Java/Android