jquery样式选择器小实例

发布时间:2019-08-29编辑:脚本学堂
有关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>