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模板技术
Apr 27 Javascript
dwr spring的集成实现代码
Mar 22 Javascript
jQuery关于导航条背景切换效果实现示例
Sep 04 Javascript
jQuery如何取id有.的值一般的方法是取不到的
Apr 18 Javascript
Javascript基础知识(一)核心基础语法与事件模型
Sep 29 Javascript
javascript实现将文件保存到本地方法汇总
Jul 26 Javascript
JS实现环形进度条(从0到100%)效果
Jul 05 Javascript
jQuery如何封装输入框插件
Aug 19 Javascript
Angular 4.x中表单Reactive Forms详解
Apr 25 Javascript
Vue中全局变量的定义和使用
Jun 05 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
Jul 11 Javascript
解决Antd Table表头加Icon和气泡提示的坑
Nov 17 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
ajax缓存问题解决途径
2006/12/06 PHP
ThinkPHP中URL路径访问与模块控制器之间的关系
2014/08/23 PHP
PHP模板引擎Smarty内建函数foreach,foreachelse用法分析
2016/04/11 PHP
PHP simplexml_load_file()函数讲解
2019/02/03 PHP
showModalDialog 和 showModelessDialog
2007/01/22 Javascript
Extjs ajax同步请求时post方式参数发送方式
2009/08/05 Javascript
Javascript 读取操作Sql中的Xml字段
2014/10/09 Javascript
jQuery简单实现仿京东商城的左侧菜单效果代码
2015/09/09 Javascript
全面解析Bootstrap中scrollspy(滚动监听)的使用方法
2016/06/06 Javascript
图解prototype、proto和constructor的三角关系
2016/07/31 Javascript
简单实现JavaScript弹幕效果
2020/08/27 Javascript
说说AngularJS中的$parse和$eval的用法
2017/09/14 Javascript
angularJs 表格添加删除修改查询方法
2018/02/27 Javascript
Vue中的作用域CSS和CSS模块的区别
2018/10/09 Javascript
javascript中undefined的本质解析
2019/07/31 Javascript
JavaScript canvas绘制折线图
2020/02/18 Javascript
[46:10]2014 DOTA2国际邀请赛中国区预选赛 CnB VS HGT
2014/05/21 DOTA
Python中的日期时间处理详解
2016/11/17 Python
Flask解决跨域的问题示例代码
2018/02/12 Python
详解TensorFlow查看ckpt中变量的几种方法
2018/06/19 Python
python使用webdriver爬取微信公众号
2018/08/31 Python
Pycharm更换python解释器的方法
2018/10/29 Python
解决python父线程关闭后子线程不关闭问题
2020/04/25 Python
使用Django搭建网站实现商品分页功能
2020/05/22 Python
Python如何对齐字符串
2020/07/30 Python
HTML5 MiranaVideo播放器 (代码开源)
2010/06/11 HTML / CSS
意大利奢侈品牌在线精品店:Jole.it
2020/11/23 全球购物
英语专业学生的自我评价
2013/12/30 职场文书
学校党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2015年校医个人工作总结
2015/07/24 职场文书
《吃水不忘挖井人》教学反思
2016/02/22 职场文书
接收函
2019/04/22 职场文书
2019安全宣传标语大全
2019/08/14 职场文书
创业计划书之孕婴生活馆
2019/11/11 职场文书
浅谈Golang 嵌套 interface 的赋值问题
2021/04/29 Golang
C站最全Python标准库总结,你想要的都在这里
2021/07/03 Python