JQ操作類與JS操作類的區別

積極向上的橙子發表於2020-12-24
JS

1、原生js操作類：會覆蓋元素原先的類名
2、JQ操作類：jq裡面的類只是對指定類進行操作（追加、移除）等操作，不影響原來的類名
2.1JQ追加類：element.addClass(‘類名’)
2.2JQ移除類;element.removeClass(‘類名’)

<body>
    <div class="one"></div>
</body>
<script>
    //1、原生js操作類名:會覆蓋原來的類名
    // var one=document.querySelector('div');
    // one.className='tow'; // class="two"

    //2、jquery操作類名：不會覆蓋原來的類名，只是對指定類進行操作
    $('div').addClass('two'); //追加一個two的類 class="one two"
    $('div').removeClass('one'); //移除一個類 class="two"
</script>

相關文章