JavaScript和Ajax部分（4）

標籤：new   pos   直接   before   get請求   調用   屬性   $()   content   

31、  什麼是 jQuery 選取器

1)jQuery選取器繼承了CSS與Path語言的部分文法，允許通過標籤名、屬性名稱或內容對DOM元素進行快速、準確的選擇，而不必擔心瀏覽器的相容性，通過jQuery選取器對頁面的元素的精準定位，才能完成元素屬性和行為的處理。 

選取器是jQuery的根基，在jQuery中，對象的事件處理，遍曆DOM和Ajax操作都依賴於選取器 

2)jQuery選取器的優點：

簡潔的寫法

完善的事件處理機制

支援CSS1到CSS3選取器

32、  jQuery 選取器的種類

1).基本選取器

基本選取器是jQuery中最常見的選取器，也是最簡單的選取器，它通過元素id,class和標記名來尋找DOM元素

2).層次選取器

如果想通過DOM元素之間的層次關係來擷取特定元素，就需要使用層次選取器

3).過濾器選取器

過濾選取器主要是通過特定的過濾規則來篩選出所需的DOM元素，該選取器都以“：”開頭，過濾選取器又分以下幾種

4).表單選取器

表單選取器主要是通過所選擇的表單元素進行過濾

5).屬性選取器

屬性過濾選取器的過濾規則是通過元素的屬性來擷取相應的元素

7).內容過濾器選取器

內容過濾選取器的過濾規則主要體現在它所包含的子項目和和常值內容上

8).可見度過濾選取器

可見度過濾選取器是根據元素的可見和不可見狀態來選擇相應的元素

33、  jQuery中的選取器 和 css中的選取器有區別嗎？

答：jQuery選取器支援CSS裡的選取器，jQuery選取器可用來添加樣式和添加相應的為CSS 中的選取器是只能添加相應的樣式。

34、  siblings() 方法 和 $(‘prev~div‘)選取器是一樣的嘛？

答: $(‘prev~div‘) 只能選擇‘#prev‘元素後面的同輩<div>元素而siblings()方法與前後的位置無關，只要是同輩節點就都能匹配。

35、  jQuery中的hover()和toggle()有什麼區別？

答： hover()和toggle()都是jQuery中兩個合成事件。

hover()方法用於類比游標懸停事件。

toggle()方法是連續點擊事件。

36、  $("#msg").text()和 $("#msg").text("<b>new content</b>")有什麼區別？
$("#msg").html()及$("#msg").html("<b>new content</b>")的區別呢？

答：$("#msg").text() 是 返回id為msg的元素節點的常值內容

$("#msg").text("<b>new content</b>"); 是 將“<b>new content</b>” 作為普通文本串寫入id為msg的元素節點內容中,頁面直接顯示“<b>new content</b>”，text()方法對HTML和XML文檔都有效

$("#msg").html()則是取得id為msg的元素節點的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔

$("#msg").html("<b>new content</b>")，是將“<b>new content</b>”作為HTML內容寫入id為msg的元素節點內容中,頁面直接顯示粗體的“new content”內容

37、  Jquery對象和dom對象的區別

Jquery對象才能調用jquery中特有的方法。例如jqueryObj.html()、jqueryObj.val()等方法，而不能使用dom對象特有的屬性和方法，例如domObj.value,domObj.innerHTML等。

Jquery對象可以和dom對象相互轉化

38、  jQuery對象和dom對象是怎樣轉換的？

1.jQuery轉DOM對象:

1）jQuery 對象是一個數組對象，可以通過[index]的方式得到相應的DOM對象，例如頁面有個id為myDiv的DIV對象，可以使用var domObj = $(“#myDiv”)[0]這種方式來擷取該DIV對應的dom對象

2）通過get(index)去得到相應的DOM對象，var domObj = $(“#myDiv”).get(0);

2.DOM對象轉jQuery對象:

直接使用$(DOM對象)來轉換,範例程式碼：

var  domObj = document.getElementById(“myDiv”);

var  jQueryObj = $(domObj);

$()就相當於一個jquery對象的建構函式

39、  你是如何使用jQuery中的ajax的？

答: 如果是一些常規的ajax程式的話，使用$.load(),$.get(),$.post(),就可以搞定了，

一般我會使用的是$.get() 方法。

如果需要設定beforeSend(提交前回呼函數),error(失敗後處理),success(成功後處理)

及complete(請求完成後處理)回呼函數等，這個時候我會使用$.ajax()

40、  jQuery中$.get()提交和$.post()提交有區別嗎？

1）$.get() 方法使用GET方法來進行非同步請求的，$.post() 方法使用POST方法來進行非同步請求的。

2）get請求會將參數跟在URL後進行傳遞，而POST請求則是作為HTTP訊息的實體本文內容發送給Web伺服器的，這種傳遞是對使用者不可見的。

3）get方式傳輸的資料大小不能超過2KB 而POST要大的多

4）GET 方式請求的資料會被瀏覽器緩衝起來，因此有安全問題。

JavaScript和Ajax部分（4）