<?php
?? ?/*

?? ?jquery復習:
?? ?通常開發人員習慣把id,src,alt叫做這個元素的屬性,我們稱之為"元素屬性",但是在解析成DOM對象的時候,實際瀏覽器最后會將標簽元素解析為"DOM對象",并且將元素的"元素屬性"存儲為"DOM屬性",兩者是有區別的.

?? ?<script>
?? ??? ?var cao=null;

setTimeout(function(){
?? ?handleClick=function(){
?? ??? ?alert("草你媽");
?? ?}

},10000)

?? ?</script>

?? ?javascript制定事件處理程序的傳統方式,就是將一個函數值賦給一個事件處理程序屬性.這種方法至今仍然為現代瀏覽器所支持.一是因為簡單,二是因為掛瀏覽器.每個元素(window)和docuemnt都有自己的事件處理程序,因為這些屬性全部小寫.

?? ?可以在事件處理過過程中通過訪問this訪問元素的任何屬性和方法,以這種方式添加的事件處理程序都在事件流的冒泡階段被處理.
?? ?當然只要像下面這樣將事件處理程序屬性設置為null,即可刪除通過DOMO級方法指定的時間處理程序:
?? ?bn3.οnclick=null;

?? ?我們設置了元素的src是相對路徑:images/image.1..jpg

?? ?jquery.each(obj,callback)
?? ?通用遍歷方法,可用于遍歷對象和數組
?? ?不同于遍歷jquery對象的$().each()方法,此方法可用于遍歷任何對象.
?? ?回調函數擁有兩個參數:第一個對象的成員或數組的索引,第二個為對應變量或內容.
?? ?----------------------------------------------------------------------------------------------------------------------------------------------------------
?? ?通過ajax原理來實現
?? ?1.$.ajax()傳遞
?? ?jquery.ajax(options)
?? ?通過HTTP請求加載遠程數據.
?? ?jquery底層AJAX實現.簡單容易用的高層見$.get/$.post等.
?? ?$.ajax()返回其創建的XMLHttpRequest對象.大多數情況下你無需直接操作該對象.但特殊情況下可用于手動終止請求.
?? ?$.ajax()只有一個參數:參數key/value對象,包含各配置以及回調函數.
?? ?----------------------------------------------------------------------------------------------------------------------------------------------------------

?? ?jquery提供了幾個用于發送ajax請求的函數,其中最核心也是最復雜的是jquery.ajax(options),所有其他的ajax函數都是它的一個簡化調用.當我們完全控制ajax的時候可以使用此結果.否則還是使用簡化方法如get,post,load等更加方便,所以jquery.ajax(options)方法放到最后一個介紹.

?? ?load(url,[data],[callback])
?? ?說明:
?? ?load方法能夠載入遠程的HMTL文件代碼并插入DOM中
?? ?默認使用get方法,如果傳遞了data參數,則使用post方法
?? ?-傳遞附加參數自動轉為post方式,jquery1.2中,可以指定選擇符,來篩選載入的HTML文檔,DOM中將僅插入篩選出的HTML代碼.語法如"url#some >selector",默認的選擇器是"body">*
?? ?
?? ?講解:
?? ?load是最簡單的ajax函數,但是使用具有局限性:
?? ?a.主要用于直接返回HTML的ajax接口
?? ?b.load是一個jquery包裝集的方法,需要jquery包裝集上調用,并且會返回的HTML加載到對象中,即使是設置了回調函數也還是會加載.不過不可否認load接口設計巧妙并且使用簡單.


?? ?jquery.get(url,[data],[callback],[type])
?? ?returns:XMLHttpRequest
?? ?說明:
?? ?通過遠程HTTP GET請求載入信息
?? ?這是一個簡單的GET請求功能取代復雜的$.ajax.請求成功的時候可調用回調函數.如果需要在出錯的時候執行函數,請使用$.ajax.

?? ?次函數發送Get請求,參數可以直接在url中拼接.比如
?? ?$.get("../data/ajaxGetmethod.aspx");
?? ?或者是在
?? ?$.get("../data/1.php",{"name":"sinhapo"});

?? ?兩種方式效果相同,data參數會自動的添加到url中
?? ?如果url中的某個參數,又通過data傳遞參數,不會自動合并相同名稱的參數.
?? ?回調參數的簽名為:
?? ?function (data,textStatus){
?? ??? ?//data could be xmlDoc,jsonObj,html,text,etc....
?? ??? ?this;//the option for this ajax request
?? ?}
?? ?其中data是返回的數據,testStatus表示狀態碼,可能是如下值
?? ?'timeout','error','notmodified','success','parsererror'
?? ?在回調函數中的this是獲取options對象的引用
?? ?
?? ?type參數是指的是data的數據的類型:
?? ?'xml','html','script','json','jsonp','text'

?? ?默認為"html"
?? ?jquery.getJSON(url,[data],[callback])方法就相當于jquery.get(url,[data],[callback],"json")


?? ?jquery.get(url,[data],[callback],[type])
?? ?Returns:XMLHttpRequest
?? ?通過遠程HTTP GET請求載入信息
?? ?一個簡單的GET請求以取代復雜的$.ajax,請求成功的時候可調用回調函數,如果需要在出錯的時候執行函數,請使用$.ajax.


?? ?jquery.getJSON(url,[data],[callback])
?? ?Returns:XMLHttpRequest
?? ?相當于:jquery.get(url,[data],[callback],"json")

?? ?$.getJSON("../data/AjaxGetCityInfo.asp",{"resultType":"json"})

?? ?function(data,textStatus){
?? ?
?? ??? ?alert(data.length);
?? ??? ?alert(data[0].CityName);
?? ?}
?? ?使用data.length可以獲取數組的元素個數,data[0]訪問第一個元素,data[0].CityName訪問第一個元素的CityName屬性

?? ?jquery.getScript(url,[callback])
?? ?Returns:XMLHttpRequest
?? ?相當于:jQuery.get(url,null,[callback],"script")
?? ?說明:
?? ?通過HTTP GET請求載入并執行一個Javascript文件.
?? ?jQuery1.2版本之前,getScript只能調用同域JS文件.

?? ?jquery.post(url,[data],[callback],[type])
?? ?Returns :XMLHttpRequest
?? ?說明:
?? ?通過遠程HTTP POST要求載入信息
?? ?這是一個簡單的POST請求功能以取代復雜的$.ajax.請求成功的時候可調用回調函數.如果需要在出錯的時候執行執行函數,請使用$.ajax.

?? ?講解:
?? ?具體用法和get相同,只是提交方式由"GET"更改為"POST"

?? ?jquery.ajax(options)

?? ?returns:XMLHttpRequset
?? ?說明:
?? ?通過HTTP請求加載遠程數據
?? ?jquery底層ajax實現,簡單易用的高層見$.get,$.post等.
?? ?$.ajax()返回其創建的XMLHttpRequest對象,大部分情況下你無需直接操作該對象,但是特殊情況下可用于手動終止請求.
?? ?$.ajax()只有一個參數:參數key/value對象,包含各個配置以及回調函數信息.詳細選項見下
?? ?如果你指定了dataType選項,請確保服務器返回正確的MIME信息,(如xml返回"text/html")錯誤的MIME類型可能導致不可預知的錯誤.

?? ?如果dataType設置為script,那么所有的遠程(不在同一域名下)的POST請求都將化為GET請求(因為使用DOM的SCRIPT來加載).jquery1.2中,您可以跨域加載JSON數據,使用的時候將數據設置為JSONP.使用JSONP形式調用函數時,如"myurl?callback=?"jQuery將自動替換?為正確的函數名,以執行回調函數.數據類型設置為JSONP,jquery會自動調用回調函數.

?? ?Ajax相關函數.

?? ?1.jquery提供了一些函數來輔助ajax函數
?? ?無返回值
?? ?設置:全局的ajax默認options選項.
?? ?
?? ?

轉載于:https://www.cnblogs.com/sgsheg/archive/2012/09/22/2698320.html

總結

以上是生活随笔為你收集整理的jquery复习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。