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 相关文章推荐
javascript 特性检测并非浏览器检测
Jan 15 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
Mar 14 Javascript
Array栈方法和队列方法的特点说明
Jan 24 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
May 11 Javascript
微信小程序 教程之注册程序
Oct 17 Javascript
bootstrap fileinput完整实例分享
Nov 08 Javascript
Vue 实现双向绑定的四种方法
Mar 16 Javascript
vue-cli3.0 特性解读
Apr 22 Javascript
Vue基础学习之项目整合及优化
Jun 02 Javascript
小程序click-scroll组件设计
Jun 18 Javascript
微信小程序下拉框搜索功能的实现方法
Jul 31 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
Nov 14 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
附件名前加网站名
2008/03/23 PHP
PHP HTML代码串截取代码
2008/12/29 PHP
精通php的十大要点(上)
2009/02/04 PHP
php实现memcache缓存示例讲解
2013/12/04 PHP
编写PHP脚本使WordPress的主题支持Widget侧边栏
2015/12/14 PHP
thinkphp框架实现删除和批量删除
2016/06/29 PHP
理解Javascript_07_理解instanceof实现原理
2010/10/15 Javascript
javascript 主动派发事件总结
2011/08/09 Javascript
利用js实现遮罩以及弹出可移动登录窗口
2013/07/08 Javascript
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
node.js解决获取图片真实文件类型的问题
2014/12/20 Javascript
jQuery预加载图片常用方法
2015/06/15 Javascript
BootStrap智能表单实战系列(九)表单图片上传的支持
2016/06/13 Javascript
JS生成和下载二维码的代码
2016/12/07 Javascript
微信小程序中post方法与get方法的封装
2017/09/26 Javascript
vue使用axios跨域请求数据问题详解
2017/10/18 Javascript
JS基于对象的特性实现去除数组中重复项功能详解
2017/11/17 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
BootStrap模态框闪退问题实例代码详解
2018/12/10 Javascript
JS如何监听div的resize事件详解
2020/12/03 Javascript
python操作数据库之sqlite3打开数据库、删除、修改示例
2014/03/13 Python
详细讲解用Python发送SMTP邮件的教程
2015/04/29 Python
收藏整理的一些Python常用方法和技巧
2015/05/18 Python
使用相同的Apache实例来运行Django和Media文件
2015/07/22 Python
Python极简代码实现杨辉三角示例代码
2016/11/15 Python
Python使用pylab库实现绘制直方图功能示例
2018/06/01 Python
Python 利用高德地图api实现经纬度与地址的批量转换
2019/08/14 Python
Django之模板层的实现代码
2019/09/09 Python
使用Django xadmin 实现修改时间选择器为不可输入状态
2020/03/30 Python
解决Python spyder显示不全df列和行的问题
2020/04/20 Python
PyQt中使用QtSql连接MySql数据库的方法
2020/07/28 Python
英国领先的票务代理商之一:The Ticket Factory
2019/02/09 全球购物
正隆泰信息技术有限公司上机题
2012/06/14 面试题
会计电算化专业毕业生推荐信
2013/12/24 职场文书
开学典礼决心书
2014/03/11 职场文书
催款函怎么写
2015/06/24 职场文书