最简单的jquery实例

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#Button1").click(function () { $("#id").hide(); });
            $("#Button2").click(function () { $(".class").hide(); });
            $("#Button3").click(function () { $("span").hide(); });
        });
    </script>
</head>
<body>
    <p id="id">
        我是id的内容</p>
    <p class="class">
        我是class的内容</p>
    <p>
        <span>我是元素的内容</span></p>
    <p>
        &nbsp;</p>
 
        <input id="Button1" type="button" value="隐藏id" />
        <input id="Button2" type="button" value="隐藏class" />
        <input id="Button3" type="button" value="隐藏元素" />
       
</body>
</html>
posted on 2011-03-31 16:52  上校  阅读(191)  评论(0编辑  收藏  举报