一、簡介
$("#id").show()表示display:block,
$("#id").hide()表示display:none;
$("#id").fadeIn() 方法使用淡入效果來顯示被選元素,假如該元素是隱藏的。
$("#id").fadeOut() 方法使用淡出效果來隱藏被選元素,假如該元素是隱藏的。
$("#id").toggle()切換元素的可見狀態(tài)。如果元素是可見的,切換為隱藏的;如果元素是隱藏的,切換為可見的。
$("#id").css('display','none');
$("#id").css('display','block');
或
$("#id")[0].style.display = 'none';
二、用法
1、淡入淡出
$(document).ready(function() {
$('.more-item').click(function(){
$("#shade_div").toggle();
$('#shade_div').click(function(){
$(".more_item").fadeOut();
$("#shade_div").fadeOut();
})
$("#shade_div").height($('body').height()+45);
});
2、顯示和隱藏
$(".btn1").click(function(){
$("p").show();
$("p").hide();
});
3、切換顏色
$("p").toggle(
function(){
$("body").css("background-color","green");},
function(){
$("body").css("background-color","red");},
function(){
$("body").css("background-color","yellow");}
);
});