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 相关文章推荐
JS 文件本身编码转换 图文教程
Oct 12 Javascript
jQuery 常见学习网站与参考书
Nov 09 Javascript
Node.js模拟浏览器文件上传示例
Mar 26 Javascript
JavaScript开发人员的10个关键习惯小结
Dec 05 Javascript
jQuery Validation PlugIn的使用方法详解
Dec 18 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
Dec 02 Javascript
Angular+Node生成随机数的方法
Jun 16 Javascript
AngularJS下$http服务Post方法传递json参数的实例
Mar 29 Javascript
Vue.js添加组件操作示例
Jun 13 Javascript
JS中DOM元素的attribute与property属性示例详解
Sep 04 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
Sep 10 Javascript
javascript将扁平的数据转为树形结构的高效率算法
Feb 27 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学习之数组的定义和填充
2011/04/17 PHP
php不写闭合标签的好处
2014/03/04 PHP
php示例详解Constructor Prototype Pattern 原型模式
2015/10/15 PHP
PHP如何通过表单直接提交大文件详解
2019/01/08 PHP
前端开发的开始---基于面向对象的Ajax类
2010/09/17 Javascript
js获取判断上传文件后缀名的示例代码
2014/02/19 Javascript
Node.js事件循环(Event Loop)和线程池详解
2015/01/28 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
nodejs搭建本地服务器并访问文件的方法
2017/03/03 NodeJs
JQuery中Ajax的操作完整例子
2017/03/07 Javascript
webpack2.0配置postcss-loader的方法
2017/08/17 Javascript
javascript实现Emrips反质数枚举的示例代码
2017/12/06 Javascript
vue axios 二次封装的示例代码
2017/12/08 Javascript
javascript移动端 电子书 翻页效果实现代码
2019/09/07 Javascript
js实现从右往左匀速显示图片(无缝轮播)
2020/06/29 Javascript
[15:39]教你分分钟做大人:龙骑士
2014/10/30 DOTA
python之wxPython菜单使用详解
2014/09/28 Python
python分块读取大数据,避免内存不足的方法
2018/12/10 Python
python实发邮件实例详解
2019/11/11 Python
tensorflow实现在函数中用tf.Print输出中间值
2020/01/21 Python
python爬取王者荣耀全皮肤的简单实现代码
2020/01/31 Python
python lambda函数及三个常用的高阶函数
2020/02/05 Python
浅谈keras保存模型中的save()和save_weights()区别
2020/05/21 Python
软件工程师岗位职责
2013/11/16 职场文书
2013年军训通讯稿
2014/02/05 职场文书
自我鉴定书
2014/03/24 职场文书
文秘求职信范文
2014/04/10 职场文书
协议书与合同的区别
2014/04/18 职场文书
租房协议书范文
2014/08/20 职场文书
庆国庆活动总结
2014/08/28 职场文书
学校党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
幽默导游词开场白
2015/05/29 职场文书
预备党员党支部意见
2015/06/02 职场文书
南京大屠杀观后感
2015/06/02 职场文书
护士旷工检讨书
2015/08/15 职场文书
Golang中异常处理机制详解
2021/06/08 Golang