jquery的函数

on在选择元素上绑定一个或多个事件的事件处理函数,hide()隐藏对应的函数,show()将之前display:none的元素进行显示:

        <input type="button" id="btn"value="点击"></input>

    <label id="lab1">点一下我会隐藏</label>

    <label  style="display: none" id="lab2">啦啦啦,我出来了</label>

        <script type="text/javascript" src="public/js/jquery.js"></script>

 <script>

    $(document).ready(function(){//使用document.ready(function(){....})保证加载完dom节点之后才能调用,保证jquery初始化的元素可以找到

    $("#btn").on("click",function(){//第一个元素定义事件

   $("#lab1").hide();//隐藏元素

   $("#lab2").show();//将之前display:none的元素进行显示

   });

    });

 </script>

相关推荐