手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery获取对象的方法足以应付常见的各种类型的对象
jquery获取对象的方法足以应付常见的各种类型的对象
摘要:(1)基本对象获取$("*")获取所有对象$("#element")获取id为element的对象等同于document.getElemen...

(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)

移除某一个属性

【jquery获取对象的方法足以应付常见的各种类型的对象】相关文章:

jQuery插件实现适用于移动端的地址选择器

jQuery子窗体取得父窗体元素的方法

javascript判断并获取注册表中可信任站点的方法

jQuery实现延迟跳转的方法

JS/Jquery判断对象为空的方法

js获取滚动距离的方法

JS创建对象几种不同方法详解

jquery表单对象属性过滤选择器用法

JQuery使用index方法获取Jquery对象数组下标的方法

jQuery实现转动随机数抽奖效果的方法

精品推荐
分类导航