博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery选择器
阅读量:5846 次
发布时间:2019-06-18

本文共 2112 字,大约阅读时间需要 7 分钟。

jQuery选择器

1:基本选择器

Id选择器:根据给定的ID匹配一个元素。$("#div1");

class选择器:根据给定的类匹配元素。$(".div2");

元素选择器:根据给定的元素名匹配所有元素。$("div");

通配选择器:匹配所有元素。$("*");

并集选择器:$("div,p");

交集选择器:$("div#div1");

2:层级选择器

①后代选择器:在给定的祖先元素下匹配所有的后代元素

$("div span");

②子代选择器:在给定的父元素下匹配所有的子元素$("div > span");

③相邻选择器:匹配所有紧接在--元素后的--元素$("#p1 + p");

④相邻兄弟选择器:$("#p1 ~ span");

3:基本伪类选择器

①first:获取第一个元素

$("li:first")

②last:获取最后一个元素

$("li:last")

③not:去除所有与给定选择器匹配的元素

$("li:not(#li3)")

④even:返回索引为偶数的元素

$("li:even")

⑤odd:返回索引为奇数的元素

$("li:odd")

⑥eq:返回指定索引的元素

$("li:eq(1)")

⑦gt:返回所有索引值大于某个指定数的元素

$("li:gt(2)")

⑧lt:返回所有索引值小于某个指定数的元素

$("li:lt(2)")

⑨header:返回所有的标题标签

$(":header")

4.内容选择器

①contains:返回包含指定内容的元素(区分大小写)

$("div:contains('John')").css({color:"red"});

②empty:返回没有内容也没有子元素的元素

$("div:empty").html("ccy");

③has:返回包含指定元素的元素

$("div:has('p')").css({fontSize:"30px"})

④parent:返回包含子元素或者内容的元素

$("div:parent")

5.可见性伪类选择器

①hidden:匹配所有不可见元素,或者type为hidden的元素。$("tr:hidden")

②visible:匹配所有的可见元素。$("tr:visible")

6.属性选择器

[attr]:返回包含某个的元素

$("[id]").css({color:"red"});

②[attr=value]:返回属性等于某个值的元素

$("[class = jredu]").css({color:"red"});

③[attr!=value]:返回属性不等于某个值的元素

$("div[id != demo1]").css({color:"red"});

④[attr ^= value]:返回属性以某个值开头的元素

$("div[id ^= d]").css({color:"red"});

⑤[attr $= value]:返回属性以某个值结尾的元素

$("div[id $= 1]").css({color:"red"});

⑥[attr *= value]:返回属性包含某个值的元素

$("div[id *= e]").css({color:"red"});

⑦返回包含id属性并且属性值为man结尾

$("input[id][name$='man']")

7.表单选择器

①input:返回所有的input textarea select button

$(":input")

②text  返回所有的单行文本

$(":text").val("ccy")

③password:返回所有的密码框

$(":password").val("123456")

④radio: 返回所有的单选框

$(":radio").attr("checked",true)

⑤checkbox:返回所有的复选框

$(":checkbox").attr("checked",true);

⑥submit():返回所有的提交按钮

$(":submit").val("ccy");

⑦image:返回所有的图片按钮

$(":image").get(0)

⑧reset:返回所有的重置按钮

$(":reset").val("惠大脚")

⑨button:返回除了提交和重置按钮以外的所有的按钮

$(":button").get(0)

⑩file:返回所有的文件域

$(":file").get(0)

8.表单对象属性

①disabled:返回所有被禁用的元素

$("input:disabled").val("ccy");

②enabled:返回所有可操作的元素

$("input:enabled").val("ccy2");

③checked:返回所有被选中的选择框

$("input:checked")

④selected:返回所有被选中的下拉框的元素

$("option:selected").val()

 

 

 

 

 

转载于:https://www.cnblogs.com/yingyingh5/p/7787029.html

你可能感兴趣的文章
HDU 2289 Cup (二分)
查看>>
C#中使用Monitor类、Lock和Mutex类来同步多线程的执行
查看>>
[翻译] 使用CSS进行文字旋转
查看>>
读取本地已有的.db数据库
查看>>
C#发现之旅第十一讲 使用反射和特性构造自己的ORM框架
查看>>
使用GHOST对Windows操作系统进行备份和还原
查看>>
KMeans (K均值)算法讲解及实现
查看>>
为什么不应该使用Zookeeper做服务发现?(转载)
查看>>
《JavaScript核心概念及实践》——2.2 变量
查看>>
关于java 1.8的Lambda表达式详解
查看>>
各个网站的CSS清除代码
查看>>
TableView的集合
查看>>
软RAID管理命令mdadm详解
查看>>
控制器 控制器view cell的关系
查看>>
Eclipse RCP 玩转 Spring
查看>>
我的友情链接
查看>>
Nginx的健康检查机制
查看>>
Nginx介绍及企业web服务软件选择
查看>>
计算机书籍备忘
查看>>
esxi虚拟机中系统克隆及迁移的方法
查看>>