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中Object和Function的关系的三段简单代码
Jun 27 Javascript
js实现杯子倒水问题自动求解程序
Mar 25 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 Javascript
微信小程序三级联动选择器使用方法
May 19 Javascript
webpack4 css打包压缩问题的解决
May 18 Javascript
JavaScript继承与多继承实例分析
May 26 Javascript
jQuery实现点击图标div循环放大缩小功能
Sep 30 jQuery
nuxt框架中对vuex进行模块化设置的实现方法
Sep 06 Javascript
解决layui弹框失效的问题
Sep 09 Javascript
不刷新网页就能链接新的js文件方法总结
Mar 01 Javascript
js实现炫酷光感效果
Sep 05 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
很温暖很温暖的Lester Young
2021/03/03 冲泡冲煮
一个用mysql_odbc和php写的serach数据库程序
2006/10/09 PHP
php下保存远程图片到本地的办法
2010/08/08 PHP
解析php中call_user_func_array的作用
2013/06/07 PHP
PHP+MYSQL实现用户的增删改查
2015/03/24 PHP
浅析php设计模式之数据对象映射模式
2016/03/03 PHP
PHP大文件分片上传的实现方法
2018/10/28 PHP
数理公式,也可以这么唯美
2021/03/10 无线电
js或css文件后面跟参数的原因说明
2010/01/09 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
javascript去掉前后空格的实例
2013/11/07 Javascript
jQuery操作Select的Option上下移动及移除添加等等
2013/11/18 Javascript
如何实现移动端浏览器不显示 pc 端的广告
2015/10/15 Javascript
Bootstrap每天必学之工具提示(Tooltip)插件
2016/04/26 Javascript
JavaScript实现垂直向上无缝滚动特效代码
2016/11/23 Javascript
原生js编写2048小游戏
2017/03/17 Javascript
javascript内存分配原理实例分析
2017/04/10 Javascript
JavaScript实现旋转轮播图
2020/08/18 Javascript
es6系列教程_ Map详解以及常用api介绍
2017/09/25 Javascript
vue.js内置组件之keep-alive组件使用
2018/07/10 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
2020/11/12 Javascript
JavaScript实现瀑布流布局的3种方式
2020/12/27 Javascript
[06:53]2018DOTA2国际邀请赛寻真——勇于创新的Vici Gaming
2018/08/14 DOTA
Python实现字典的key和values的交换
2015/08/04 Python
全面了解Python环境配置及项目建立
2016/06/30 Python
Python利用operator模块实现对象的多级排序详解
2017/05/09 Python
利用Python小工具实现3秒钟将视频转换为音频
2019/10/29 Python
Python实现捕获异常发生的文件和具体行数
2020/04/25 Python
python实现快速文件格式批量转换的方法
2020/10/16 Python
整个世界的设计师家具在哈恩:Designathome
2019/03/25 全球购物
经典优秀个人求职自荐信格式
2013/09/25 职场文书
打架检讨书2000字
2014/02/22 职场文书
《回乡偶书》教学反思
2014/04/12 职场文书
2014国庆节幼儿园亲子活动方案
2014/09/16 职场文书
狂人日记读书笔记
2015/06/30 职场文书
canvas多重阴影发光效果实现
2021/04/20 Javascript