.net下开发Jquery(bind,show,hide,click)的用法

来源：互联网发布：淘宝热词排行榜编辑：程序博客网时间：2024/06/05 18:15

前边我们讲到Jquery下的attr的用法，本节主要讲述Jquery下bind,click,hide,show的用法.

虽然本节中讲到的东西比较多，但是都是比较简单的事件处理。bind属于事件处理，hide,show属于效果，此外的效果还包括fadeIn,fadeTo,fadeOut,slideDown,slideUp,slideToggle等效果，我们在下节中具体讲解。

先看下本节知识的代码示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Jquery bind hide show click</title>
     
    <script type="text/javascript" src="js/jquery-1[1].3.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-1[1].3.2.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <a href="">移动到我身上</a>
        <br />
        <div id="divmsg"></div>
        <script language="javascript" type="text/javascript">
            $("a").bind("mouseover",function(event)
            {
                $("a").attr("href","http://www.baidu.com");     //改变href的属性
                $("#divmsg").show();            //显示层
                $("#divmsg").html("<font color='red'>拿过你的鼠标别放我身上!</font>") //给层赋值
            });

            $("a").bind("mouseout",function(event)
            {
                $("#divmsg").hide();   //隐藏层
            });

            $("a").click(function(event)
            {
                alert("谁叫你点我拉，讨厌！");
                return false;
            })

这里大家有没有发现一个问题呢？每个Jquery执行完后都要用";"号结素，我这里没有用会不会出现问题呢，经过实验这里有没有";"号都不会出现问题，这究竟是为什么，其实没有什么，只是一种编码的规范，大家不防可以试试！

            //上面方法可以用下面的方式替换
            $("a").bind("click",function(event)
            {
                alert("谁叫你点我拉，讨厌！");
                return false;
            });
        </script>
    </div>
    </form>
</body>
</html>