7jQuery

7.1簡介jQuery是一個JavaScript庫，它極大地簡化了JavaScript編程。jQuery語法是通過選取HTML元素，并對選取的元素執行某些操作。7.1簡介--安裝jQuery安裝jQuery的方法有兩種：從下載jQuery庫從CDN中載入jQuery7.2開發一個登錄頁面7.3頁面就緒事件如果在頁面沒有完全加載之前就運行jQuery函數，操作可能失敗為了防止在頁面完全加載就緒之前運行jQuery代碼，jQuery為我們提供了頁面事件ready函數：$(document).ready(function(){//開始寫jQuery代碼...});7.4選擇元素--

jQuery的選擇器jQuery選擇器允許對HTML元素組或單個元素進行選擇并操作。jQuery選擇器基于元素的id、類、類型、屬性、屬性值等"查找"（或選擇）HTML元素。選擇器的基礎語法如下：$(selector).action()7.4選擇元素--

selector查找方式selector支持如下查找方式：按照id查詢，語法為#加元素的id，如$("#confirmBtn")按照元素的class查詢，語法為.加元素的class，例如對于clas是confirm-btn的元素，可以用這種方式查找到:$(".confirm-btn")7.5

AJAXAJAX是與服務器交換數據的技術，它在不重載全部頁面的情況下，實現了對部分網頁的更新AJAX=異步JavaScript和XML（AsynchronousJavaScriptandXML）在不重載整個網頁的情況下，AJAX通過后臺加載數據，并在網頁上進行顯示。jQuery的ajax的語法如下：

$.ajax({name:value,name:value,...})7.5

AJAX

--

jQuery

AJAX參數一個典型的ajax調用參數如下：$.ajax({ url:"/api/login", type:"post", data:{}, success:function(data){}, error:function(xhr,textStatus,errorThrown){}});url：表示ajax調用的后臺接口的urltype：后臺規定的接口請求的類型（GET或POST）。data：規定要發送到服務器的數據。這里我們發送了兩個變量，分別為name和passowrd。success：當請求成功時運行的函數。其中函數的data參數為服務器的返回值。error：如果請求失敗要運行的函數。小結本章主要介紹了jQuery的安裝方法、基本功能以及AJAX的使用通過一個登錄頁面的開發實例，詳細介紹了使用jQuery獲取頁面元素取值通過jQuery的AJAX函數，向后臺發送數據并調用后臺接口，為下一章開發一個網站實例奠定了基礎。習題1.修改登錄頁面，使用jQueryclassse