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>