我是真菜，用了半天，沒(méi)有實(shí)現(xiàn)自己的效果，首先，我想的是利用attr的方法找到button的時(shí)候，觸發(fā)span的改變，把class的屬性里的圖標(biāo)進(jìn)行改變，可以實(shí)現(xiàn)這個(gè)功能，但是出現(xiàn)了一個(gè)bug，我是取的所有的button ，還有所有的span ,換句話說(shuō)，我是將所有的圖標(biāo)都進(jìn)行切換了，而且不能夠切換回來(lái)，方法不太好，因?yàn)槲沂侵苯诱{(diào)取的class方法，沒(méi)有用到ID，由于ID才是唯一的，所以我這個(gè)方法不靠譜，只能以后再說(shuō)

$(document).ready(function(){$("button").click(function(){$("span").attr('class', 'glyphicon glyphicon-minus pull-left');}); });

后來(lái)想能夠切換的方法

$(document).ready(function(){$("#one1").click(function(){$("#one").toggleClass("glyphicon glyphicon-minus");}); });

利用toggleClass可以反復(fù)調(diào)用的方式，開始實(shí)現(xiàn)這個(gè)功能，但是發(fā)現(xiàn)有兩個(gè)不足之處，第一，他需要button和span 兩個(gè)id，需要調(diào)用太多，而且要反復(fù)寫四遍，我覺(jué)得高手應(yīng)該不會(huì)這么寫，我雖然還是菜鳥，但是也不想用傻辦法。

然后我咨詢了別人，好像可以用別的方法實(shí)現(xiàn)

$(document).ready(function(){$('.accordion-group').find('span').click(function(){$(this).toggleClass('glyphicon-plus-sign glyphicon-minus')}); });

但是只能點(diǎn)圖標(biāo)，不能點(diǎn)按鈕，因?yàn)閏lick事件只綁定在span里，所以只執(zhí)行span ，沒(méi)有到dom，button那一級(jí)，所以有問(wèn)題，后來(lái)在修改

$('.accordion-heading').click(function(){$(this).find('span').toggleClass('glyphicon-plus-sign glyphicon-minus')});

?

?

今天總結(jié)經(jīng)驗(yàn)，輪子是好的，關(guān)鍵是自己揣摩自己造輪子，不能單純的用方法，這樣起不到應(yīng)用的效果，還是得多思考，多想辦法

轉(zhuǎn)載于:https://www.cnblogs.com/alex-toni/p/5780911.html

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的点击切换图标方法，jquery bootstrap方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。