JavaScript 與 jQuery-簡記

JS
基本語法 數據類型、變量、運算符與註釋、控制語句、語法約定
高級語法 函數、自定義函數、系統函數
經常使用對象 Date對象、String對象、數組
JS的BOM與DOM
BOM 瀏覽器對象，以瀏覽器爲準
DOM 文檔對象，W3C制定

BOM:window對象
經常使用屬性 history、location、document、navigator、opener、statues、screen
經常使用方法 alert、confirm、prompt、setInterval、clearInterval、setTimeout、open、close
DOM:節點
根據ID、Name、TagName訪問節點
根據節點關係訪問節點
DOM:操做節點的
屬性、
文本、
樣式 className、style.樣式名
EL表達式
一、${XXX}
${.} ${[]} 訪問bean或者map entry
${empty a} 判斷a是否是null 空
${s} pageContext-request-session-application
JSTL 庫
core 循環、表達式賦值、基本輸入輸出 c
fmt 日期、數據格式化 fmt
functions 經常使用函數 fn
過濾器
init doFilter destory
chain.doFilter
Ajax 與jQuery
一、ajax
XML對象，open，send，處理返回的data
返回的data html xml json
二、jQuery中的ajax
$.ajax();
$.load/$.get()/$.post()
load url,data,callback
get url,data,callback,type
post url

$.getScript()/$.getJSON()
三、jQuery
選擇器
基本
$('a') 元素
$("#specialID") ID
$(".specialClass") 類
子選擇器 >
後代 E F
四、利用jQuery操做DOM
文檔就緒 $(docment).ready(fn);
操做元素位置
設置元素屬性
修改元素樣式
獲取或設置樣式
設置元素內容
jQuery事件模型


jquery對象 與 JS對象的轉換
jq-js jQuery自己提供，經過.get(index)方法，獲得相應的DOM對象
JS-jq 只須要用$()把DOM對象包裝起來，就能夠得到一個jQuery對象了。$(DOM對象)

jQuery的案例
屬性、值、CSS、文本
$("#uname").attr("value","753");
$("#uname").val()；
$("div").toggleClass("red");
$("#showDiv").addClass("red");
$("#showDiv").removeClass("red");
$("#showDiv").html();
$("#showDiv").text();
$("#showDiv").html("<h5>5555555555555</h5>")；
事件
$("#btn").one("click",function(){});
$("#btn").bind("click",function(){});
$("#btn").unbind("click");
$("#btn").click();
$("#btn").click(function(){});

顯示
display 屬性設置元素如何顯示。
值 none 不顯示
block 塊級元素
inline 默認，內聯元素
list-item 列表顯示
table 塊級表格
table-row 表格行
table-cell 表格單元格
$("#showDiv").show(3000);//若是設置參數，表明顯示時間，以毫秒爲單位，2000==2s
$("#sdiv").hide(3000);
$("div").toggle(2000);
$("#showDiv").slideDown(2000);
$("#showDiv").slideUp(2000);
$("#showDiv").fadeIn(2000);
$("#showDiv").fadeOut(2000);
$("#showDiv").fadeTo(4000,0.7);