除了 `.hide()` 和 `.show()` 之外，如何控制 jQuery 中元素的可见性？

使用 jQuery 实现元素可见性：超越 .hide() 和 .show()

jQuery .hide() 和 .show( ) 方法已成为基于 CSS 显示设置操作元素可见性的典型工具。然而，可能存在调整显示属性不充分或不理想的情况。为了满足这一需求，可以创建针对可见性属性的自定义 jQuery 函数。

创建自定义可见性函数

要创建针对可见性的自定义函数，我们可以利用 .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';
  });
};

重载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);

使用这些自定义函数或重载技术，您现在可以使用熟悉的 jQuery 语法轻松管理元素可见性，而无需求助于 CSS 显示设置。

以上是除了 `.hide()` 和 `.show()` 之外，如何控制 jQuery 中元素的可见性？的详细内容。更多信息请关注PHP中文网其他相关文章！