close

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

arrow
arrow
    文章標籤
    javascript jQuery
    全站熱搜
    創作者介紹
    創作者 小甲學習地 的頭像
    小甲學習地

    學習資訊部落

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