有关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>