我如何改变CSS显示无或块属性使用jQuery?
当前回答
在javascript中:
document.getElementById("myDIV").style.display = "none";
在jquery中:
$("#myDIV").css({display: "none"});
$("#myDIV").css({display: "block"});
你可以用:
$('#myDIV').hide();
$('#myDIV').show();
其他回答
正确的方法是使用show和hide:
$('#id').hide();
$('#id').show();
另一种方法是使用jQuery css方法:
$("#id").css("display", "none");
$("#id").css("display", "block");
如果您想隐藏和显示一个元素,这取决于它是否已经可见,您可以使用 切换,而不是。hide()和。show()
$('elem').toggle();
在javascript中:
document.getElementById("myDIV").style.display = "none";
在jquery中:
$("#myDIV").css({display: "none"});
$("#myDIV").css({display: "block"});
你可以用:
$('#myDIV').hide();
$('#myDIV').show();
用这个:
$("#id").(":display").val("block");
Or:
$("#id").(":display").val("none");
(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);