jQuery技术:如何使用jQuery更改bootstrap按钮样式

  

按钮样式为https://getbootstrap.com/2.3.2/base-css.html#buttons

我想通过使用jQuery来改变诸如“btn-danger”或“btn-info”之类的风格……我认为需要删除样式并添加新的…

怎么做。 谢谢。

    @asdf_enel_hak的答案对你有用,但如果想用jquery一次删除多个类,请执行以下操作:

     $("#999").removeClass("btn-warning btn-block").addClass("btn-info"); 

    或者想要一次添加多个类,然后执行:

     $("#999").removeClass("btn-warning btn-block").addClass("btn-info btn-danger"); 

    阅读.addClass()和.removeClass()的更多信息

     $("#999").removeClass("btn-warning").addClass("btn-info"); 

    如您所说,您需要使用函数addClass()和removeClass。 但是您需要为按钮使用id,因此您不会干扰其他现有按钮。

       

    然后,你调用函数。

     $( "#myButton" ).removeClass( "btn-warning" ); $( "#myButton" ).addClass( "btn-danger" ); 

    你也可以在一行中制作它:

     $( "#myButton" ).removeClass( "btn-warning" ).addClass( "btn-danger" ); 

    检查这个JSFidle: http : //jsfiddle.net/DTcHh/1085/

      以上就是jQuery教程分享如何使用jQuery更改bootstrap按钮样式相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/532524.html

      (0)
      上一篇 2020年12月21日
      下一篇 2020年12月21日

      精彩推荐