首页 文章

如何使用Jquery更改css display none或block属性？

提问于
浏览 次
352

如何使用Jquery更改css display none或block属性？

jquery jquery-selectors

11 回答

  • 1

    正确的方法是使用 show 和 hide ：

    $('#id').hide();
$('#id').show();

    另一种方法是使用jQuery css方法：

    $("#id").css("display", "none");
$("#id").css("display", "block");
    回复于
  • 0

    有几种方法可以实现这一目标，每种方法都有自己的预期目的 .

    1 . ）使用内联而简单地为元素分配要做的事情列表

    $('#ele_id').css('display', 'block').animate(....
$('#ele_id').css('display', 'none').animate(....

    2 . ）在设置多个CSS属性时使用

    $('#ele_id').css({
    display: 'none'
    height: 100px,
    width: 100px
});
$('#ele_id').css({
    display: 'block'
    height: 100px,
    width: 100px
});

    3 . ）动态调用命令

    $('#ele_id').show();
$('#ele_id').hide();

    4 . ）要在块和无之间动态切换，如果它是div

    • 某些元素显示为内联，内联块或表，具体取决于Ta g N ame

    $（'＃ele_id'） . toggle（）;

    回复于
  • 4

    如果默认情况下div的显示为block，则可以使用 .show() 和 .hide() ，甚至更简单的 .toggle() 来在可见性之间切换 .

    回复于
  • 0

    简单方法：

    function displayChange(){
$(content_id).click(function(){
  $(elem_id).toggle();}

)}
    回复于
  • 742

    隐藏：

    $("#id").css("display", "none");

    展示：

    $("#id").css("display", "");
    回复于
  • 5

    使用jQuery CSS方法执行此操作的其他方法：

    $("#id").css({display: "none"});
$("#id").css({display: "block"});
    回复于
  • 26
    (function($){
    $.fn.displayChange = function(fn){
        $this = $(this);
        var state = {};
        state.old = $this.css('display');
        var intervalID = setInterval(function(){
            if( $this.css('display') != state.old ){
                state.change = $this.css('display');
                fn(state);
                state.old = $this.css('display');
            }
        }, 100);        
    }

    $(function(){
        var tag = $('#content');
        tag.displayChange(function(obj){
            console.log(obj);
        });  
    })   
})(jQuery);
    回复于
  • 0

    如果您想隐藏和显示元素，具体取决于它是否已经可见，您可以使用切换：.hide（）和.show（）

    $（ 'ELEM'）切换（） .

    回复于
  • 5

    用这个

    $("#id").(":display").val("block");

    要么

    $("#id").(":display").val("none");
    回复于
  • 1

    .hide（）在我的Chrome中不起作用这适用于隐藏：

    var pctDOM = jQuery("#vr-preview-progress-content")[0];
pctDOM.hidden = true;
    回复于
  • 96

    在我的情况下，我根据输入元素是否为空来显示/隐藏表单的元素，因此当隐藏元素时，隐藏的元素之后的元素被重新定位占据其空间，需要执行浮动：left这种元素的元素 . 即使使用插件作为dependsOn，也必须使用float .

    回复于

相关问题