第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會有你想問的

添加后刪除類

添加后刪除類

qq_花開花謝_0 2023-02-17 10:52:31
我想刪除在用戶單擊 div 后立即添加的類。我的意思是，單擊 div 后，我希望刪除該類。https://codepen.io/jinzagon/pen/XWdVbgo  <script>    $(document).ready(function() {    $('.section').click(function(e) {      e.preventDefault();      var $responsiveDiv = $('.response')       $responsiveDiv.addClass('clicked');       setTimeout(function() {        window.location.assign($a.attr('href'));     }, 6700);         });   });  </script>
查看完整描述

4 回答

?
慕容708150

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超4個(gè)贊

jQuery 有一個(gè)toggleClass你可以使用的函數(shù)。關(guān)聯(lián)


這是您的示例 - 當(dāng)您單擊該部分時(shí)，背景顏色將切換（以便于觀察）。


.clicked {

  background-color: red

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div class="section">

    <div class="response">

        This is a response

    </div>

</div>


<script>

  $(document).ready(function() {

    $('.section').click(function(e) {

      e.preventDefault();

      var $responsiveDiv = $('.response');

      $responsiveDiv.toggleClass('clicked');

    }); 

  });

</script>


查看完整回答
反對 回復(fù) 2023-02-17
?
繁星coding

TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超4個(gè)贊

您需要使用 setTimeout 推遲刪除


  <script>

    $(document).ready(function() {

    $('.section').click(function(e) {

      e.preventDefault();

      var $responsiveDiv = $('.response')

      $responsiveDiv.addClass('clicked');


      setTimeout(function() {

        $responsiveDiv.removeClass('clicked');

      }, 1000); 


      setTimeout(function() {

        window.location.assign($a.attr('href'));

      }, 6700); 

    

    }); 


  });

  </script>


查看完整回答
反對 回復(fù) 2023-02-17
?
天涯盡頭無女友

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超9個(gè)贊

使用javascript，您可以使用.classList.remove("foo");

閱讀有關(guān)Element.classList的更多信息

function addClassThenRemove(){

  // grab h1 element

  let h1Element = document.querySelector('h1')

  // add class to the element

  h1Element.classList.add('new')

  setTimeout(function(){

    //after 2 seconds remove class new

    h1Element.classList.remove('new')

  }, 2000)

}

.new{

  color: blue;

}

<h1>Hello World</h1>


<button onClick="addClassThenRemove()">Click Me!</button>


查看完整回答
反對 回復(fù) 2023-02-17
?
桃花長相依

TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超8個(gè)贊

toggleClass()您可以為此使用該功能


<script>

    $(document).ready(function() {

    $('.section').click(function(e) {

      e.preventDefault();

      var $responsiveDiv = $('.response')

       $responsiveDiv.toggleClass('clicked'); //Toggle class instead of Add

       setTimeout(function() {

        window.location.assign($a.attr('href'));

     }, 6700); 

    

    }); 


  });

  </script>


查看完整回答
反對 回復(fù) 2023-02-17
  • 4 回答
  • 0 關(guān)注
  • 168 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號