国产精品人成在线播放新网站,欧洲吸奶大片在线看,亚洲欧洲成人a∨在线,国产18禁黄网站免费观看

微信號:

jquery對于div的顯示和隱藏操作

2014/12/6 14:29:45

一、簡介

$("#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");}
);


});

 


 

相關(guān)新聞: