有关jquery样式选择器的两个小例子,jquery样式选择器可以通过$(".test1.test2.tt3")方式,也可以通过$("[class='test1 test2 tt3']")方式,需要的朋友参考下。
jquery样式选择器可以通过$(".test1.test2.tt3")方式,也可以通过$("[class='test1 test2 tt3']")方式,如下所示:
例1:
 
复制代码 代码示例:
<html>  
<head>  
<title>jquery样式选择器</title>  
<script src="jquery-1.7.2.js"></script>   
</head>  
<body>  
<span>hello world</span>  
<div id="tt">china</div>  
<div class="test1 test2 tt3">hello</div>  
<div class="test1 test2 tt3">hello2</div>  
</body>
<script>
$(".test1.test2.tt3").css("color", "red");  
</script>  
</html>
 
 
例2:
 
复制代码 代码示例:
<html>  
<head>  
<title>jquery样式选择器</title>  
<script src="jquery-1.7.2.js"></script>   
</head>
<body>
<span>hello world</span>  
<div id="tt">china</div>  
<div class="test1 test2 tt3">hello</div>  
<div class="test1 test2 tt3">hello2</div>  
</body>  
<script>  
$("[class='test1 test2 tt3']").css("color", "#0f0fff");  
</script>  
</html>