JQuery 无废话系列教程(一) jquery入门 [推荐]

2020-05-24 21:28:25易采站长站整理


       五, 不错的性能


       我自己有自知之明, 至少我写的JavaScript代码的运行效率不如JQuery的高.


     如何使用JQuery


     万年开头难,我在第一次使用JQuery时被吓到过,不知道怎么使用,其实很简单,下面我们用一个例子来说明. : )


     


     建立一个html文件,比如index.html 并与JQuery库文件jquery-1.3.2.js放到同目录下(其实放那都可以)


     首先我们解决JQuery的引用.


     <html>


         <head>


               <title>JQuery测试</title>


               <script language=”javascript” src=”jquery-1.3.2.js”></script>


         </head>


         <body>


         </body>


     </thml>    


     红色的那一行代码就完成了JQuery的引用,简单吧!


 


     现在我们再扩充一个功能,使 index.html显示一个表格,并且表格内各行的颜色奇偶不同.也就是奇数行是一种颜色,偶数行又是另一种颜色.    


     index.html代码结构:    


<html>
<head>
 <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
    <title>JQuery测试</title>
    <style type=”text/css”>
        /*table中偶数行*/


        .tabEven {
            background: #ff0000;
        }
        /*table中奇数行*/


        .tabOdd {
            background: #00ff00;
        }
    </style>
    <script language=”javascript” src=”jquery-1.3.2.js”>
    </script>
    <script language = “JavaScript” type=”text/javascript”>