JQuery 筆記

JQuery 筆記

基礎

（1）什麼是js對象及代碼規則
就是使用js-API，即Node接口中的API或是傳統JS語法定義的對象，叫做js對象
js代碼規則—-divElement
var divElement = document.getElementById(“divID”);
var nameArray = new Array(3);

（2）什麼是jQuery對象及代碼規則
就是使用jQuery-API，返回的對象就叫做jQuery對象
jQuery代碼規則—-divvar div = $(“#divID”)
聲明：上述代碼規則，只是老師個人規則，不代表所有企業都這樣做

（3）js對象轉成jQuery對象【重點】
語法：(js對象)—−>jQuery對象例如： (divElement)---->div例如： (this)---->$this
注意：jQuery對象將js對象做了封裝，js對象二邊無引號

var inputElement = document.getElementById("inputID");//js對象 
var $input = $(inputElement);//jquery對象
var txt = $input.val();
alert(txt);

（4）jQuery對象轉成js對象
語法1：jQuery對象[下標，從0開始]
語法2：jQuery對象.get(下標，從0開始)
例如：div[0]—−>divElement注意：不同的對象只能調用對應的api方法，即jQuery對象不能調用js對象的api，反之亦然 div.innerHTML（錯）
divElement.html(錯)

var $div = $("#divID");//jquery對象
var divElement = $div[0];//js對象(方式一)
//var divElement = $div.get(0);//js對象(方式二)
var txt = divElement.innerHTML;       
alert(txt);

目的：通過方法，能操作web頁面（HTML/JSP）中的任何標籤

     （1）val()：獲取標籤的value屬性值，前提是該標籤有value屬性

     （2）html()：獲取標籤之間的內容，不能用運於xml文件

     （3）text()：獲取標籤之間的內容，可以用運於html/jsp和xml文件，(提倡)

     （4）css()：加key-value形成的css樣式

     （5）addClass()：加已經定義好的一個css樣式

     （6）size()：獲取jQuery對象/數組中元素的個數，提倡

     （7）length：獲取jQuery對象/數組中元素的個數

      注意：在寫jQuery代碼時，不光可以使用jQuery的API，還能使用傳統JS的API