现在的位置: 首页 > 综合 > 正文

最简单的jquery实例

2012年06月29日 ⁄ 综合 ⁄ 共 758字 ⁄ 字号 评论关闭
<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>

抱歉!评论已关闭.