JQuery從頭學起第一講
2024-09-06 12:45:28
供稿：網友
JQuery的重要性對一個coder來說應該是不言而喻的， 多少次在應聘的時候被問及是否會JQuery；多少次在寫腳本的時候因為瀏覽器的不兼容而吐血；多少次因為需要用腳本做一個簡單的效果而寫到手抽筋。JQuery出現后，很多問題都被輕易解決了。
每學一樣東西的時候，我們總是喜歡去了解下它的歷史。既然是從頭學起，我們也來稍微了解下它的歷史。
jQuery由美國人John Resig創建，至今已吸引了來自世界各地的眾多javascript高手加入其team，包括來自德國的Jörn Zaefferer， 羅馬尼亞的Stefan Petre等等。
jQuery是繼prototype之后又一個優秀的Javascrīpt框架。其宗旨是—— WRITE LESS,DO MORE,寫更少的代碼,做更多的事情。
它是輕量級的js庫(壓縮后只有21k) ，這是其它的js庫所不及的，它兼容CSS3，還兼容各種瀏覽器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。
jQuery是一個快速的，簡潔的javaScript庫，使用戶能更方便地處理HTML documents、events、實現動畫效果，并且方便地為網站提供AJAX交互。
jQuery還有一個比較大的優勢是，它的文檔說明很全，而且各種應用也說得很詳細，同時還有 許多成熟的插件可供選擇。
jQuery能夠使用戶的html頁保持代碼和html內容分離，也就是說，不用再在html 里面插入一堆js來調用命令了，只需定義id即可。
下面開始我們第一個DEMO,我們根據DEMO來講解，第一講我們只做簡單的介紹，不做深入的講解分析。如果需要提供源碼的網友可以加入群：34979719
代碼如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JQuery_1._Default" %>
<!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></title>
<script type="text/javascript" src="JS/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
alert("hello world");
</script>
<script type="text/javascript">
$(document).ready(function(){
alert("hello world again");
});
</script>
<script type="text/javascript">
function f1() {
alert("hello world again again");}
</script>
</head>
<body onload="f1();">
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>
從上面的DEMO1中可以看出要用JQuery必須先引用一個JQuery包，JQuery包的下載地址附上
壓縮版：http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.min.js&downloadBtn=<SPAN>Download<%2FSPAN>
未壓縮版：http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.js
