:first:查询第一个元素
:last:查询最后个元素
:checked:查询选中的复选框
:not(:checked):查询未选中的复选框
:even:偶数
:odd:奇数
:eq():索引从0开始
:gt():大于索引号
:lt():小于索引号
:header:查询所有<h2/2/3/4/5/6>标签
.css("key","value")为查询到的所有标签添加CSS样式
成都创新互联公司专业为企业提供安居网站建设、安居做网站、安居网站设计、安居网站制作等企业网站建设、网页设计与制作、安居企业网站模板建站服务,十年安居做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/jquery-1.6.js"></script>
</head>
<body>
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
<input type="checkbox" checked/>
<input type="checkbox" checked/>
<input type="checkbox"/>
<table border="1">
<tr><td>line1</td></tr>
<tr><td>line2</td></tr>
<tr><td>line3</td></tr>
</table>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<p>p</p>
<script type="text/javascript">
//1)查找UL中第一个元素的内容
// alert($("ul li:first").html());
// alert($("ul>li:first").html());
//2)查找UL中最后个元素的内容
// alert($("ul>li:last").html());
//3)查找所有未选中的input元素个数
//alert($("input:not(:checked)").size());
//alert($("input:checked").size())
//4)查找表格的1、3、5...奇数行个数[从0开始计数]
//alert($("table tr:even").size());
//5)查找表格的2、4、6...偶数行个数[从0开始计数]
//alert($("table tr:odd").size());
//6)查找表格中第二行的内容,从索引号0开始
//alert($("table tr:eq(1)").html());
//7)查找表格中第二第三行的个数,即索引值是1和2,也就是比0大
//alert($("table tr:gt(0)").size());
//8)查找表格中第一第二行的个数,即索引值是0和1,也就是比2小
//alert($("table tr:lt(2)").size());
//9)给页面内所有标题<h2><h3><h4>加上红色背景色
$(":header").css("background","red");
</script>
</body>
</html>
分享标题:jQuery增强型基本选择器
本文网址:https://www.cdcxhl.com/article26/gipgjg.html
成都网站建设公司_创新互联,为您提供网站导航、网站维护、标签优化、网页设计公司、虚拟主机、建站公司
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联