国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JQuery從頭學起第一講

2019-11-21 00:23:29
字體:
來源:轉載
供稿:網友
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

以上下載的JQuery包版本是1.3.2的,最新的JQuery的包已經到1.42了,各位網友如果想嘗鮮可以自己去下載。目前我們講的主要還是1.3.2版本的

引入JQuery包后,我們可以開始寫我們的腳本程序了,從例子的運行效果可以看出,頁面在加載后會依次彈出:“hello world”、“hello world again”、“hello world again again”,效果相同。第一個和第三個是傳統的JS,第二個是JQuery程序。如果把<script type="text/javascript" src="JS/jquery-1.3.2.min.js"></script>這行去掉,運行后會提示:$ is not defined。

$號是 jQuery “類”(jQuery "class")的一個別稱,因此$()構造了一個新的jQuery 對象(jQuery object)。$()是選擇器,$(document)構造了一個JQuery的document對象。函數 ready () 是這個jQuery對象的一個方法,DOM載入后開始執行該方法的事件,DEMO中該事件觸發時執行了它所提供的alert方法。JQuery的方法都以一對小括號()括起來,括號后面加分號。

今天就講這么多,不好的地方希望各位網友可以諒解,也希望各位網友踴躍討論,及時指正。下一講我們會講JQuery的選擇器,JQuery是如何來獲得控件值的。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 缙云县| 阜宁县| 广河县| 绥棱县| 广宁县| 海安县| 西青区| 呼伦贝尔市| 贵南县| 嘉鱼县| 九江市| 团风县| 古田县| 淳安县| 阿拉善右旗| 四会市| 彩票| 高州市| 句容市| 漾濞| 凤台县| 襄垣县| 垦利县| 武定县| 杭锦旗| 荆州市| 和田县| 广灵县| 七台河市| 天台县| 图木舒克市| 稻城县| 安丘市| 信宜市| 新蔡县| 太谷县| 酒泉市| 井研县| 福清市| 白朗县| 深泽县|