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 相关文章推荐
会自动逐行上升的文本框
Jun 30 Javascript
JavaScript与函数式编程解释
Apr 27 Javascript
JQuery Tips(2) 关于$()包装集你不知道的
Dec 14 Javascript
js 绑定带参数的事件以及手动触发事件
Apr 27 Javascript
JavaScript语言核心数据类型和变量使用介绍
Aug 23 Javascript
javascript定义变量时有var和没有var的区别探讨
Jul 21 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
Dec 20 Javascript
BootStrap网页中代码显示用法详解
Oct 21 Javascript
JavaScript字符集编码与解码详谈
Feb 02 Javascript
Vue中使用Sortable的示例代码
Apr 07 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
Jun 24 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
Jul 15 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
全国FM电台频率大全 - 31 新疆维吾尔族自治区
2020/03/11 无线电
PHP中读取照片exif信息的方法
2014/08/20 PHP
phpMyAdmin无法登陆的解决方法
2017/04/27 PHP
PHP使用xpath解析XML的方法详解
2017/05/20 PHP
jquery 操作css样式、位置、尺寸方法汇总
2014/11/28 Javascript
深入学习JavaScript中的原型prototype
2015/08/13 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
2016/04/05 Javascript
jQuery AJAX timeout 超时问题详解
2016/06/21 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
2016/08/24 Javascript
最常见的左侧分类菜单栏jQuery实现代码
2016/11/28 Javascript
javascript实现文字无缝滚动
2016/12/27 Javascript
vue将毫秒数转化为正常日期格式的实例
2018/09/16 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
2018/12/10 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
2018/12/25 Javascript
24行JavaScript代码实现Redux的方法实例
2019/11/17 Javascript
Vue 构造选项 - 进阶使用说明
2020/08/14 Javascript
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
2020/09/04 Javascript
Vue实现一种简单的无限循环滚动动画的示例
2021/01/10 Vue.js
python 实现归并排序算法
2012/06/05 Python
python学习之编写查询ip程序
2016/02/27 Python
selenium+python实现自动登录脚本
2018/04/22 Python
django+echart数据动态显示的例子
2019/08/12 Python
基于Django signals 信号作用及用法详解
2020/03/28 Python
Python Django form 组件动态从数据库取choices数据实例
2020/05/19 Python
python 实现关联规则算法Apriori的示例
2020/09/30 Python
Django中如何用xlwt生成表格的方法步骤
2021/01/31 Python
HTML5的表单(绝对特别强大的功能)使用示例
2013/06/20 HTML / CSS
工程总经理工作职责
2013/12/09 职场文书
上班迟到检讨书范文300字
2014/11/02 职场文书
财务审计整改报告
2014/11/06 职场文书
法定代表人证明书
2014/11/28 职场文书
当幸福来敲门英文观后感
2015/06/01 职场文书
今日说法观后感
2015/06/08 职场文书
小学运动会加油词
2015/07/18 职场文书
小学新课改心得体会
2016/01/22 职场文书
基于Python实现的购物商城管理系统
2021/04/27 Python