2017-06-20 35 views
-7
<script> 
    $(function() { 
     $('.headmenu li').click(function() { 
      $('.headmenu li').each(function (li) { 
       $(this).removeClass('selectedclass') 
      }); 
       $(this).addClass('selectedclass'); 
      }); 

     }); 
    </script> 

請給我替代以上jQuery功能的Javascript代碼。我想爲各自的jQuery功能使用Javascript代碼?

+4

歡迎來到SO。這不是免費的代碼服務,你sh應該發佈你的嘗試並展示你的努力。 – fcalderan

+0

[也許你可以在這裏花費一些時間](http://youmightnotneedjquery.com/) – AitorFDK

+0

這個問題可能配製不好,但沒有必要咆哮。尋找替代品可能會很困難,如果你不去哪裏尋找,應該鼓勵從jQuery上移動的IMO。 –

回答

1

You!在這裏寫多(嵌套)功能:

  • Element.addEventlistener(事件,回調)可以用來代替$。點擊()。
  • 可以使用Array.forEach(callback,this)來替換$ .each()(forEach對於每個可迭代類型都不可用,但可以「轉換/投射」可迭代類型)。
  • DOMTokenList.remove(令牌)可以被用來替換$ .removeClass()(element.classlist.remove( '類')。
  • DOMTokenList.add(令牌)可以被用來替換$ .addClass() (element.classlist.add(「類」)

注意:當使用回調,您可能需要使用function.bind(本),以確保正確的上下文傳遞

https://developer.mozilla.org/欲瞭解更多有關這些方法的信息,請點擊這裏。