<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
</head>
<body>
<ul>
<li>nihaoaw</li>
<li>nihaoaw</li>
<li class="cur">nihaoaw</li>
<li>nihaoaw</li>
<li>nihaoaw</li>
<li>nihaoaw</li>
<li id="haha">nihaoaw</li>
<li>nihaoaw</li>
<li>nihaoaw</li>
<li class="cur">nihaoa</li>
</ul>
</body>
</html>
<script type="text/javascript">
$("li").css("color", "red");
$(".cur").css("background","blue");
$("#haha").css("background","green");
/*jq框架独有的选择器
fist获取第一个元素,last获取最后一个元素*/
$("li:first").css("fontSize","40px");
$("li:last").css("fontSize","40px");
/*odd偶数选择器,even奇数选择器*/
$("li:odd").css("height","50px");
$("li:even").css("height","50px");
/*大于小于索引值选择器,获取匹配节点*/
/* $("li:gt(5)").css("color","red");
$("li:lt(3)").css("color","red");
$("li:eq(4)").css("color","red");*/
</script>
02--Hbuilder--jQuery框架---jq常见自带选择器的使用
最新推荐文章于 2023-07-03 15:56:47 发布