項(xiàng)目中經(jīng)常會遇到一種情況，就是點(diǎn)擊切換，比如點(diǎn)擊按鈕，div樣式為1，再點(diǎn)擊一下按鈕，div樣式為2，再點(diǎn)擊一下按鈕，div樣式為1。需要自定義jQuery方法toggle。

// toggle方法$.fn.toggle = function( fn, fn2 ) {let args = arguments,guid = fn.guid || $.guid ,i=0,toggler = function( event ) {let lastToggle = ( $._data( this, "lastToggle" fn.guid ) || 0 ) % i;$._data( this, "lastToggle" fn.guid, lastToggle 1 );event.preventDefault();return args[ lastToggle ].apply( this, arguments ) || false;};toggler.guid = guid;while ( i < args.length ) {args[ i ].guid = guid;}return this.click( toggler );};$("#fullScreen").toggle(function(){$(this).css("background","url('resources/images/zoom_control.png') no-repeat 11px -170px");},function(){$(this).css("background","url('resources/images/zoom_control.png') no-repeat 10px 11px");});

注意不要與jQuery中默認(rèn)的toggle方法搞混淆，默認(rèn)的toggle方法用于切換元素的可見狀態(tài)，如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。

?

更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的jquery中点击切换的实现的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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