JQuery的简单操作

Jquery是JavaScript客户端脚本语言的框架。也是时下很火的一门学科。很多的程序员与网页的前台设计者致力于对它的研究。JQuery相对传统的JavaScript语言相比，拥有着简单，编写代码量小的优点。下面笔者对PHP编写表单的过程中常用的Jquery相关代码演示一下。

（1）HTML代码

       username<input type="text" value="username"><br>

       password<input type="password" ><br>

       <input type="submit" value="submit">

 

（2）JQuery代码

$(document).ready(function(){

         //鼠标覆盖和移除文本框文本框背景动态变色

         $("input:eq(0)").mouseover(function(){

                $("input:eq(0)").css("background","red");

                $("input:eq(0)").mouseout(function(){

                        $("input:eq(0)").css("background","white");

               });

        });

      

        //单击文本框，清空文本框默认值。

       $("input:eq(0)").click(function(){

                $(this).val("");

       });

});