如何使用jQuery更改CSS不显示内容或阻止属性？

如何使用jQuery更改CSS不显示内容或阻止属性？

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

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

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

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

有多种方法可以实现此目的，每种方法都有其自己的预期目的。

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，则在块与无块之间动态切换

• 一些元件被显示为内联，内联块，或表，取决于钽克N- AME

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

如果div的显示默认为阻止，则可以使用.show()和.hide()，甚至更简单.toggle()地在可见性之间切换。

对于皮革：

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

演出：

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

使用jQuery CSS方法的另一种方法：

$("#id").css({display: "none"});
$("#id").css({display: "block"});

简单方法：

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

)}

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

如果要隐藏和显示元素，则取决于是否已可见，可以使用toggle而不是.hide()and.show()

$('elem').toggle();

.hide（）对我而言不适用于Chrome。

这适用于隐藏：

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

在我的情况下，我根据输入元素是否为空来显示/隐藏表单的元素，以便在隐藏元素时，将隐藏元素之后的元素重新定位，以占据其空间，这需要进行浮点：这种元素的元素。即使使用插件作为dependsOn，也必须使用float。

用这个：

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

要么：

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

采用：

$(#id/.class).show()
$(#id/.class).hide()

这是最好的方法。