精华内容
下载资源
问答
  • javascript - 相当于jQuery .hide()来设置可见性:隐藏在jQuery中,有.css()和.hide()方法设置CSS display: none设置。是否有一个等效函数可以设置.css()设置?我知道我可以使用.css(),但我更喜欢像.hide()这样的...

    javascript - 相当于jQuery .hide()来设置可见性:隐藏

    在jQuery中,有.css()和.hide()方法设置CSS display: none设置。

    是否有一个等效函数可以设置.css()设置?

    我知道我可以使用.css(),但我更喜欢像.hide()这样的功能。 谢谢。

    5个解决方案

    384 votes

    你可以制作自己的插件。

    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(),我不建议...

    !(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);

    的jsfiddle。

    alex answered 2019-02-09T10:20:26Z

    94 votes

    没有内置的,但你可以很容易地写自己的:

    (function($) {

    $.fn.invisible = function() {

    return this.each(function() {

    $(this).css("visibility", "hidden");

    });

    };

    $.fn.visible = function() {

    return this.each(function() {

    $(this).css("visibility", "visible");

    });

    };

    }(jQuery));

    然后您可以这样调用:

    $("#someElem").invisible();

    $("#someOther").visible();

    这是一个有效的例子。

    James Allardice answered 2019-02-09T10:21:00Z

    50 votes

    更简单的方法是使用jQuery的toggleClass()方法

    CSS

    .newClass{visibility: hidden}

    HTML

    Trigger Element

    Some Content

    JS

    $(document).ready(function(){

    $(".trigger").click(function(){

    $(".hidden_element").toggleClass("newClass");

    });

    });

    Chaya Cooper answered 2019-02-09T10:21:31Z

    21 votes

    如果您只需要隐藏标准功能,只需使用visibility:hidden来保持当前布局,您可以使用hide的回调函数来更改标记中的css。 在jquery中隐藏文档

    一个例子 :

    $('#subs_selection_box').fadeOut('slow', function() {

    $(this).css({"visibility":"hidden"});

    $(this).css({"display":"block"});

    });

    这将使用常规酷动画来隐藏div,但在动画完成后,您将可见性设置为隐藏并显示为块。

    一个例子:[http://jsfiddle.net/bTkKG/1/]

    我知道你不想要$(“#aa”)。css()解决方案,但你没有指定是否因为只使用css()方法而丢失了动画。

    h3ct0r answered 2019-02-09T10:22:24Z

    0 votes

    jQuery hide()/ show()的纯JS等价物:

    function hide(el) {

    el.style.visibility = 'hidden';

    return el;

    }

    function show(el) {

    el.style.visibility = 'visible';

    return el;

    }

    hide(document.querySelector(".test"));

    // hide($('.test')[0]) // usage with jQuery

    由于满足流畅的界面“设计模式”,我们使用return el。

    这是一个有效的例子。

    下面我也提供了高度未经推荐的替代方案,但可能更接近“质疑”答案:

    HTMLElement.prototype.hide = function() {

    this.style.visibility = 'hidden';

    return this;

    }

    HTMLElement.prototype.show = function() {

    this.style.visibility = 'visible';

    return this;

    }

    document.querySelector(".test1").hide();

    // $('.test1')[0].hide(); // usage with jQuery

    当然,这并没有实现jQuery'each'(在@JamesAllardice回答中给出),因为我们在这里使用纯js。

    工作范例就在这里。

    Kamil Kiełczewski answered 2019-02-09T10:23:23Z

    展开全文
  • 今天的vue项目中出现了错误 百度搜到都说是因为在页面中使用了el-dropdown,但是在这个标签里面没有设置它的子元素el-dropdown-menu,所以会报错。 但我仔细对过我的代码发现该有的都有,并没有缺失子元素 ...

    今天在vue项目中使用el-dropdown组件出现了错误
    在这里插入图片描述

    百度搜到都说是因为在页面中使用了el-dropdown,但是在这个标签里面没有设置它的子元素el-dropdown-menu,所以会报错。

    但我仔细对过我的代码发现该有的都有,并没有缺失子元素

    最后经过多次测试排查发现是当前文件调用的另外一个文件出错,多了个尖括号,但是没有提示编码错误。所以以后写代码都要仔细了。

    而且如果你使用了v-ifv-for使el-dropdown-menu隐藏,那么一定要再加一个menu,因为把el-dropdown-menu隐藏了也会出错,最好加一个空的:

    <el-dropdown trigger="click" style="margin-left: 5px">
      <a href="javascript:void(0)">
        <router-link v-if="userInfo.name == undefined" to="/login">
          <el-avatar :src="personUrl" />
        </router-link>
      </a>
      <!-- -->
      <el-dropdown-menu>
        <el-dropdown-item></el-dropdown-item>
      </el-dropdown-menu>
      <!-- -->
      <el-dropdown-menu v-if="userInfo.name !== undefined" slot="dropdown">
        <el-dropdown-item>
          <router-link
            class="inlineBlock"
            to="/home"
          >个人中心</router-link>
        </el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
    
    展开全文
  • 我看了一下互联网,却没有找到切实可行的解决方案Fatal Exception: java.lang.NullPointerException: Attempt to invoke virtual method 'void android.widget.Editor$InsertionPointCursorController.hide()' on a...

    此错误似乎仅在三星手机上发生。 我看了一下互联网,却没有找到切实可行的解决方案

    Fatal Exception: java.lang.NullPointerException: Attempt to invoke virtual method 'void android.widget.Editor$InsertionPointCursorController.hide()' on a null object reference

    at android.widget.Editor.stopTextActionMode(Editor.java:2687)

    at android.widget.Editor.prepareCursorControllers(Editor.java:822)

    at android.widget.TextView.nullLayouts(TextView.java:9157)

    at android.widget.TextView.checkForRelayout(TextView.java:10105)

    at android.widget.TextView.setHintInternal(TextView.java:6538)

    at android.widget.TextView.setHint(TextView.java:6527)

    at com.google.android.material.textfield.TextInputLayout.dispatchProvideAutofillStructure(TextInputLayout.java:5)

    at android.view.ViewGroup.dispatchProvideAutofillStructure(ViewGroup.java:3774)

    at android.view.ViewGroup.dispatchProvideAutofillStructure(ViewGroup.java:3774)

    at android.view.ViewGroup.dispatchProvideAutofillStructure(ViewGroup.java:3774)

    at android.view.ViewGroup.dispatchProvideAutofillStructure(ViewGroup.java:3774)

    at android.app.assist.AssistStructure$WindowNode.(AssistStructure.java:517)

    at android.app.assist.AssistStructure.(AssistStructure.java:2047)

    at android.app.ActivityThread.handleRequestAssistContextExtras(ActivityThread.java:3387)

    at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1906)

    at android.os.Handler.dispatchMessage(Handler.java:106)

    at android.os.Looper.loop(Looper.java:214)

    at android.app.ActivityThread.main(ActivityThread.java:7073)

    at java.lang.reflect.Method.invoke(Method.java)

    at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493)

    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:974)

    感谢您的帮助

    展开全文
  • 解决办法:使用 getSupportActionBar().hide(); @Override protected void onCreate(Bundle savedInstanceState) { getSupportActionBar().hide(); super.onCreate(savedInstanceState); setContentView(R.layout....

    解决办法:使用 getSupportActionBar().hide();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
    getSupportActionBar().hide();
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    }

    展开全文
  • 1962. Hide That Number

    2021-02-16 18:07:09
    1962. Hide That Number 单点时限: 2.0 sec 内存限制: 256 MB According to Wikipedia, Cryptography is “the practice and study of hiding information” and this is exactly what Alex is looking for. Ever ...
  • 我在Chrome浏览器中使用html选项时使用的jQuery hide / show方法存在问题(在Firefox下运行良好).问题是我有3个不同的选择框,这些选项取决于前一个选项中选择的选项.我有一个功能,可以在前一个选择列表发生变化时准备...
  • activity需要继承:AppCompactActivity; 获取bar:getSupportActionBar();
  • } /** * schedule handleHide into the right thread */ public void hide() { if (localLOGV) Log.v(TAG, "HIDE: " + this); mHandler.post(mHide); } 可能控制Toast的显示我们可以试试 由于TN类是private的所以...
  • uniapp解决首页subNvue,hide方法关闭不了问题 第一次进首页 subNVue 子窗体关闭正常,然后用uni.reLaunch再次跳转到首页后,hide方法关闭不了 问题出现原因reLaunch调用多次导致subNvue对象拿不到 在校验token添加...
  • display是css中的样式,规定元素是否显示 ...hide()实际上是设置了css中的display:none,show()实际上是设置 了css中的display:block css里面的display会覆盖html中的hidden属性 eg: <div class="box" s..
  • 我的页面上有两个table,调用ajax之后隐藏掉一个,然后用html拼出另一个table,结果新的table最上面有个undefined,这个是怎么引起的,要怎么解决下呢?详细代码如下:$(function(){if($.browser.msie){$("#country")....
  • 反应式java方法hide()

    2021-02-25 19:08:15
    Observable hide = objectPublishSubject.hide(); 假设您在内部使用PublishSubject,并且希望将Observable传递给外部世界.由于信息隐藏,这将是一个好主意.来自外部的调用者无法在Observable上调用#onNext().因此,您...
  • Jquery初次接触时所学习的两个事件:hide()以及click() hide():隐藏事件 <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> <p> 你好啊!...
  • /*** 替换指定字符串的指定区间内字符为"*"** @param str 字符串* @param startInclude 开始位置(包含)* @param endExclude 结束位置(不包含)* @return 替换后的字符串* @since 4.1.14*/public static String hide...
  • 这篇文章主要介绍了jquery使用hide方法隐藏指定id的元素,实例分析了jQuery中hide隐藏指定id元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了jquery使用hide方法隐藏指定id的元素。分享给大家供...
  • 语法:$(selector).hide(speed,callback);$(selector).show(speed,callback);speed隐藏/显示速度,可以取以下值:"slow"、"fast" 或毫秒。callback指完成后可执行函数()toggle() 方法来切换 hide() 和 show() 方法。/...
  • 02 隐藏索引 用 hide_index() 方法可以选择隐藏索引,代码如下: df_consume.style.hide_index() 效果如下: 隐藏索引 03 隐藏列 用 hide_columns() 方法可以选择隐藏一列或者多列,代码如下: df_consume.style....
  • Press Key CodeExample UsageDescriptionSupportAppium ServerAppium ClientsHTTP API ...Hide soft keyboard Example Usage Java driver.hideKeyboard(); Python self.driver.hide_keyboard() Javas
  • CSS Hide(隐藏元素)

    2021-04-02 11:22:06
  • 美中不足的是,uniapp的subNVue并未提供show和hide事件,以至用subNVue做的popup,无法进行有效的初始化。 这里提供一个监听subNVue(或popup)的show和hide事件的办法。 具体做法 在subNVue页面的js代码中,在...
  • css中display:none、visible:hidden、和jquery中的hide()的区别 学习心得: 三者都是隐藏,但有微小的差别 (1)display:none是元素是否显示,设置为none后,元素不显示,也不占位置。 (2)visible:hidden是元素...
  • <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script>...script type="text/javascript">... $("p").hide(1000,function(){ alert("The paragra
  • WindowInsetsController简单使用

    万次阅读 多人点赞 2020-12-21 10:59:04
    .hide(WindowInsetsCompat.Type.statusBars()) 状态栏文字颜色改为黑色: controller?.isAppearanceLightStatusBars = true 状态栏文字颜色改为白色: controller?.isAppearanceLightStatusBars = false 控制导航栏 ...
  • 设置 oh-my-zsh 不读取文件变化信息git config --add oh-my-zsh.hide-dirty 1 可以再设置 oh-my-zsh 不读取任何 git 信息git config --add oh-my-zsh.hide-status 1 如果全局设置,可以执行git
  • 01-jq-动画-显示与隐藏-show()-hide()-toggle() .box { width: 100px; height: 100px; background-color: red; display: none; } </style> <script src="../js/jquery-1.12.4.min.js"></sc
  • 让其余的图片(就是其他的兄弟)隐藏起来 $("#content div").eq(index).siblings().hide(); }) }) </script> <body> <div class="wrapper"> <ul id="left"> <li><a href="#">女靴a>li> <li><a href="#">雪地靴a>li> ...
  • 1.show():根据hide()方法记住的display属性值来显示元素。show(参数1,参数2)参数1:时间,单位为毫秒,表示对象显示所用的时间参数2:回调函数,该函数在对象显示后触发。2.元素显示$('#firstname').show();3.hide...
  • APP门户框架设计

    2021-10-06 15:52:36
    由于四个页面都在fragment中,如果不隐藏会造成显示内容的重叠,因此我们的解决思路是在显示一个界面之前将所有的界面都hide,点击对应的button之后再把对应的页面显示出来,所以需要一个hide功能的函数,实现如下:...
  • $(document).ready(function(){var $category = $('ul li:gt(5...$category.hide(); //隐藏这部分,除了"其他品牌相机"$("span").click(function(){if($category.is(":visible")){$category.hide();$(this).text("显...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 320,009
精华内容 128,003
关键字:

.hide()