freemarker文件下,bootstrap 点击按钮,切换按钮上的图标

freemarker文件下,bootstrap 点击按钮,切换按钮上的图标

freemarker页面代码

<@button id="but" name="添加参数" fa="plus"/>

jquery代码

$("#but").click(function(){
      $("#but").find('i').toggleClass("fa-plus fa-minus");
});

fa标签在bootstrap封装的原形是:使用一个单<i>并增加对应的CSS类名,例: <i class="fa fa-search"></i>  

根据id找到指定按钮,再find(‘i’)找到fa ,最后使用toggleClass()方法将fa-plus 替换为fa-minus ,即将 ‘+’ 图标换成 ‘-’ 图标。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/106380.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 前端性能优化的七种方法是_web前端性能

    前端性能优化的七种方法是_web前端性能前端性能优化主要有七种方法,包括减少请求数量、减少资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化1、减少请求数量1.1图片处理1.1.1雪碧图雪碧图是根据csssprite音译过来的,就是将很多小图标放在一张图片上就称之为雪碧图,可以减少网站http请求数量,但是当整合图片比较大的时候,一次加载比较慢,随着字体图片、svg图片的流行该技术慢慢退出了舞台1.1.2Base64将图片的内容以Base64格式内嵌到HTML中,可以减少http请求数量,但是

    2025年6月24日
    3
  • python代码自检工具 flake8简单介绍

    python代码自检工具 flake8简单介绍PEP8是Python代码风格规范,它规定了类似行长度、缩进、多行表达式、变量命名约定等内容。尽管你的团队自身可能也会有稍微不同于PEP8的代码风格规范,但任何代码风格规范的目标都是在代码库中强制实施一致的标准,使代码的可读性更强、更易于维护。下面三个库就可以用来帮助你美化代码。Flake8是“将PEP8、Pyflakes(类似Pylint)、McCabe(代码复杂性检查器)和第三方插件整合到一起,以检查Python代码风格和质量的一个Python工具”。执行pip3in

    2025年8月30日
    8
  • fatal error解决方法_游戏fatal error

    fatal error解决方法_游戏fatal error开发环境:VisualStudio2017opencv-4.0.0-vc14_vc15首先区别几个选项:(1)***d.lib和***.lib区别:Release版本选择(通过在x64旁边的下拉栏中可以选择调试的版本)opencv_world400.libDebug版本选择opencv_world400d.lib(2)vc14和vc15区别:VC14构建需要安…

    2022年10月7日
    4
  • IOS MapView 用法

    IOS MapView 用法

    2021年8月19日
    57
  • IP地址分类以及子网划分「建议收藏」

    IP地址分类以及子网划分「建议收藏」IP地址:是网络层的概念,IP地址长度为32位,分为四个8位,用点分十进制来表示,每部分范围0~255(0~255.0~255.0~255.0~255)。一个可有2的32次方个IP地址。1、IP地址的分类最初设计互联网络时,为了便于寻址以及层次化构造网络,每个IP地址包括两个标识码(ID),即网络ID和主机ID。同一个物理网络上的所有主机都使用同一个网络ID,网络上的一个主机(包括网络上工作站,服务器和路由器等)有一个主机ID与其对应。IP地址根据网络ID的不同分为5种类型,A类地址、B

    2022年5月7日
    52
  • EJB学习日志

    EJB学习日志第一天:经典的:HelloWord 1. 编写helloword接口packagecom.ejb;publicinterfaceHelloWord{ publicStringsayHello(Stringname);}2.HelloWord的实现packagecom.ejb.impl;importjavax.ejb.Remote;impor

    2022年9月29日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号