时间:2021-05-26
(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)
移除某一个属性
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
jQuery插件类型:1.jQuery方法:大部分jQuery插件都是这种类型的插件,由于这种插件是将对象方法封装起来,在jQuery选择器获取jQuery对象
jQuery插件的种类1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进行操作,是最常见的一种插件。此类插件可以发挥出j
介绍本章节我们要着重介绍的是一个非常常见的ECMAScript对象——函数(function),我们将详细讲解一下各种类型的函数是如何影响上下文的变量对象以及每
一、jQuery插件的类型1.jQuery方法很大一部分的jQuery插件都是这种类型,由于此类插件是将对象方法封装起来,在jQuery选择器获取jQuery对
本文实例讲述了JQuery使用index方法获取Jquery对象数组下标的方法。分享给大家供大家参考。具体实现方法如下:index方法获取Jquery对象的数组