JQuery学习一

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

<style type="text/css">

.wrong{ color:#F00;}

</style>

<script language="javascript">

$(document).ready(function(){ 

<!--alert("hello"); -->

//声明变量，这样是为了jquery执行效率更高，他每次要找一个属性要检索全部，如果声明成变量就只需找到变量即可

var $Name=$("#txtName");//名字

var $Pwd=$("#txtPwd"); //密码

var $nameTip=$("#NameTip");

var $PwdTip=$("#PwdTip")

//点击事件

$("#btnHello").click(function(){

    <!--alert("hello");-->

    if($.trim($Name.val())=="")

    {

        $nameTip.html("请输入姓名！").addClass("wrong").fadeIn(500).delay(1000).fadeOut(500);

        return false;

    }

    if($.trim($Pwd.val())=="")

    {

      $PwdTip.html("请输入密码！").fadeIn(500).delay(1000).fadeOut(500);

      return false;

    }

    else

    {

         $PwdTip.text("提交成功！").fadeIn(500).delay(1000).fadeOut(500);

    }

 }); 

 //失去焦点事件

$Name.blur(function(){

    if($.trim($Name.val())=="")

    {

        $nameTip.html("请输入姓名！").addClass("wrong").fadeIn(500).delay(1000).fadeOut(500);

        return false;

    }    

    });

$Pwd.change(function(){

    if($.trim($Pwd.val())=="")

    {

      $PwdTip.html("请输入密码！").fadeIn(500).delay(1000).fadeOut(500);

      return false;

    }

    });

});

    

</script>