[ jQuery ] 同時使用標籤名稱與ID屬性、Class屬性的方法

同時使用標籤名稱與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>

小甲學習地

學習資訊部落

小甲學習地發表在痞客邦留言(0) 人氣( 265 )

全站分類：進修深造
個人分類： jQuery

▲top

請先登入以發表留言。

學習資訊部落

歡迎光臨，來到學習天地。本部落以學習為主。

參觀人氣

學習資訊部落

歡迎光臨，來到學習天地。 本部落以學習為主。