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 foreach使用示例
Sep 12 Javascript
js判断运行jsp页面的浏览器类型以及版本示例
Oct 30 Javascript
JavaScript ES6的新特性使用新方法定义Class
Jun 28 Javascript
对js eval()函数的一些见解
Aug 15 Javascript
js实现可输入可选择的select下拉框
Dec 21 Javascript
JS运动特效之完美运动框架实例分析
Jan 24 Javascript
vue实现自定义日期组件功能的实例代码
Nov 06 Javascript
JS左右无缝轮播功能完整实例
May 16 Javascript
javascript获取元素的计算样式
May 24 Javascript
Vue请求java服务端并返回数据代码实例
Nov 28 Javascript
vue-cli设置css不生效的解决方法
Feb 07 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
Jul 01 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
mysql5的sql文件导入到mysql4的方法
2008/10/19 PHP
Yii2框架数据库简单的增删改查语法小结
2016/08/31 PHP
有趣的JavaScript数组长度问题代码说明
2011/01/20 Javascript
js关于字符长度限制的问题示例探讨
2014/01/24 Javascript
Jquery通过JSON字符串创建JSON对象
2014/08/24 Javascript
javascript在IE下trim函数无法使用的解决方法
2014/09/12 Javascript
jQuery中replaceWith()方法用法实例
2014/12/25 Javascript
jQuery中append()方法用法实例
2015/01/08 Javascript
JavaScript实现的一个倒计时的类
2015/03/12 Javascript
jquery小火箭返回顶部代码分享
2015/08/19 Javascript
JavaScript 模块的循环加载实现方法
2015/12/13 Javascript
jQuery中trigger()与bind()用法分析
2015/12/18 Javascript
JS模拟按钮点击功能的方法
2015/12/22 Javascript
Angular实现form自动布局
2016/01/28 Javascript
JS for循环中i++ 和 ++i的区别介绍
2016/07/20 Javascript
详谈js中window.location.search的用法和作用
2017/02/13 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
2017/03/09 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
2017/06/23 Javascript
Puppeteer 爬取动态生成的网页实战
2018/11/14 Javascript
C#程序员入门学习微信小程序的笔记
2019/03/05 Javascript
Vue使用Clipboard.JS在h5页面中复制内容实例详解
2019/09/03 Javascript
[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE
2014/05/22 DOTA
[03:55]显微镜下的DOTA2特别篇——430灰烬之灵神级操作
2014/06/24 DOTA
python多进程共享变量
2016/04/06 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
对numpy.append()里的axis的用法详解
2018/06/28 Python
Python读取pdf表格写入excel的方法
2021/01/22 Python
使用css3绘制出各种几何图形
2016/08/17 HTML / CSS
CSS3中的content属性使用示例
2015/07/20 HTML / CSS
利用HTML5画出一个坦克的形状具体实现代码
2013/06/20 HTML / CSS
如果Session Bean得Remove方法一直都不被调用会怎么样
2012/07/14 面试题
怎么写好自荐信
2013/10/30 职场文书
《盲人摸象》教学反思
2014/02/16 职场文书
讲党性心得体会
2014/09/03 职场文书
MySQL锁机制
2021/04/05 MySQL
Python 批量下载阴阳师网站壁纸
2021/05/19 Python