Jquery选择器介绍
我们可以通过Jquery选择器能从网页文档中找到我们需要的DOM节点;
基本选择器
属性选择器
其他选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//基本选择器
//$("#a1").css("background-color","yellow");//根据id
//$(".c1").css("background-color","yellow");//根据class类别
//$("a").css("background-color","yellow");//根据标签元素
//属性选择器
//$("[href]").css("background-color","yellow");
//$("[href='#']").css("background-color","yellow");
//$("[href$='com']").css("background-color","yellow");//以com结尾
//其他选择器
//$("p.c1").css("background-color","yellow");
//$("ul li:first").css("background-color","yellow");//ul下第一个DOM节点
$("ul li:last").css("background-color","yellow");//ul下最后一个Dom节点
});
</script>
<style type="text/css">
.c1{
font-size: 40px;
}
</style>
</head>
<body>
<p class="c1">Jquery选择器</p>
<ul>
<li id="i1"><a id="a1" class="c1" href="http://www.java1234.com" >Java知识分享网</a></li>
<li><a id="a2" class="c1" href="http://www.youkuaiyun.com">优快云</a></li>
<li><a href="http://www.iteye.com">iteye</a></li>
<li><a href="http://www.cnblogs.com">博客园</a></li>
<li><a class="c1" href="#">百度</a></li>
<li><a href="http://www.google.com">谷歌</a></li>
</ul>
</body>
</html>