您的位置：首页 > Web前端 > JQuery

jQuery中.show（）和.hide(）和.click（）和.toggle（）事件

2017-03-30 09:59 519 查看
  1.  <script type="text/javascript">
        //show（）和hide（）中除了可以放时间，还可以放函数
$(function(){

   $("#box").show(2000, function () {//2秒时间显示，然后2秒时间隐藏

       $("#box").hide(2000,function(){

           alert("操作完成！");
       })

   })

});
   
</script>

  2.<script type="text/javascript">
        $(function () {

            $("#bt").click(function () {//绑定点击事件
               
alert("我被点击了");
            })

        })

    </script>
</head>
<body>
<input type="button"value="点击"id="bt">
</body>

3.<script type="text/javascript">
function showInfo(){

    $("#box").toggle(2000);//如果显示就隐藏，如果隐藏就显示
    if($("#bt").val()=="显示"){

        $("#bt").val("隐藏");
    }else{

        $("#bt").val("显示");
    }

}
</script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航