同時使用標籤名稱與ID屬性、Class屬性等方法:
只需要用「,」逗號來分隔就可以同時使用多種元素。
$('.A1,.A4,#b5,p').addClass('blue');
組合標籤名稱、ID屬性、Class屬性的方法:
特定區域顯示類別,如li裡的id為b2或者li裡的class為A3
$('li#b2').addClass('red');
$('li.A3').addClass('green');
程式範例:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>同時使用標籤名稱與ID屬性、Class屬性的方法</title>
<style type="text/css">
.red{color:red;}
.blue{color:blue;}
.green{color: green;}
</style>
</head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$('.A1,.A4,#b5,p').addClass('blue');
$('li#b2').addClass('red');
$('li.A3').addClass('green');
});
</script>
<body>
<ol id="list">
<li id="b1" class="A1">id=b1, class=A1</li>
<li id="b2" class="A2">id=b2, class=A2</li>
<li id="b3" class="A3">id=b3, class=A3</li>
<li id="b4" class="A4">id=b4, class=A4</li>
<li id="b5" class="A5">id=b5, class=A5</li>
</ol>
<p>p標籤</p>
</body>
</html>
留言列表