(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)
移除某一个属性
$("*")
获取所有对象
$("#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)
移除某一个属性
标签:
jquery,获取对象
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“jquery获取对象的方法足以应付常见的各种类型的对象”评论...
更新动态
2024年11月13日
2024年11月13日
- 群星《唱给女人的歌》24K德国HD金碟[WAV+CUE]
- 孙燕姿.2011-是时候【美妙音乐】【WAV+CUE】
- 苏芮.2003-回首·时代全经典2CD【华纳】【WAV+CUE】
- 梁咏琪.1996-爱自己【EEI】【WAV+CUE】
- IGN经典逆天骚操作名著——《墙头草修炼手册》
- 突然爆火的“网红游戏”,真的有那么多人玩吗?
- 何老师客串《浪人崛起》了?盘点与明星撞脸的角色!
- 【原神】关于星鹫赤羽对珐芙琴班配队下珐露珊主C的适配度分析
- 【原神】V5.1攻略 | 迪西雅角色简评
- 【原神】大日御舆顶端怎么上去
- 胥拉齐《感谢有你》DTS-WAV
- 罗海英《金牌歌后》【WAV+CUE】
- 林叶《林叶·夜》【WAV/分轨】
- 群星《国语经典名曲01》音乐磁场系列[WAV+CUE][1G]
- 齐豫《滚石24K》24K金碟珍藏版系列[低速原抓WAV+分轨][1G]