(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)
移除某一个属性
本文地址:https://www.stayed.cn/item/945
转载请注明出处。
本站部分内容来源于网络,如侵犯到您的权益,请 联系我