在jQuery中,有.hide()和.show()方法设置CSS display: none设置。
.hide()
.show()
display: none
是否有可以设置visibility: hidden设置的等效功能?
visibility: hidden
我知道我可以使用,.css()但是我喜欢某些类似的功能.hide()。谢谢。
.css()
您可以制作自己的插件。
jQuery.fn.visible = function() { return this.css('visibility', 'visible'); }; jQuery.fn.invisible = function() { return this.css('visibility', 'hidden'); }; jQuery.fn.visibilityToggle = function() { return this.css('visibility', function(i, visibility) { return (visibility == 'visible') ? 'hidden' : 'visible'; }); };
如果您想重载原始的jQuery toggle(),我不建议…
toggle()
!(function($) { var toggle = $.fn.toggle; $.fn.toggle = function() { var args = $.makeArray(arguments), lastArg = args.pop(); if (lastArg == 'visibility') { return this.visibilityToggle(); } return toggle.apply(this, arguments); }; })(jQuery);