特效操作:
animate({css樣式},時間t)
.hide() 隱藏元素
.show() 顯示元素
.toggle() 隱藏於顯示元素,可在括號內控制速度(2000)
.sildeup() 改變元素的height屬性,直到爲0
.slideDown() 改變元素的height屬性,從0到某個值
.slideToggle() 根據元素,自動調整height屬性
.fadeup() 淡出
.fadein() 淡入
.fadeToggle()
.click(function(){}) 點擊事件
.css({"background-color","blue"});改變樣式
.toggleClass("類名") 切換類
.delay(時間t) 可加到效果鏈後,增加停頓效果
數據處理
.each()循環處理[數組][元素][函數]之類
.find()查找數組中的元素
$.inArray('值',數組名) 查找值是否在數組中
.getRandom(值) 返回一個0-值範圍內的隨機數
事件處理
.select()文本被選中時觸發
.trigger("click")是控件觸發某個別的事件
.clicj() 點擊事件
.attr('屬性名','屬性值') 改變屬性
DOM操作
$("h2")replaceWith("<h1>My Menu</h1>") 替換元素
$("元素").before("<li></li>")在元素的前面添加元素
$("元素").after("<li></li>")在元素的後面添加元素
$("元素").empty() 刪除元素中的全部內容
$("元素").remove()刪除元素
$("元素").detach()移除元素,並保留元素
$("元素").wrap("<a></a>")將元素包含在另一個元素中
$("元素").append("<b></b>");在元素中添加另一個元素
$("<b></b>").appendTo("元素");在元素中添加元素
$("元素").html("內容")向元素中添加內容
DOM查找
$("元素").parent()找到元素的父元素
$("元素").children()找到元素的子元素
$("元素").prev()找到元素的左元素
$("元素").next()找到元素的右元素
$("元素").parents()找到元素的所有父元素
$("元素1").closest("元素2")查找最近的一個父元素2
$("元素").siblings()遍歷所選元素同一層的所有元素
$("元素").children().first()所選子元素的第一個元素
$("元素").children().last()所選子元素的最後一個元素
$("元素").children().eq(0)所選子元素的第一個元素,子元素存在序號
$("元素").children().slice(1,3)所選子元素的第2個到第4箇中間的第3個
$("元素").parents().filter("元素id或類") 返回指定的父元素
$("元素").children().not("元素id或類")返回選定元素的元素
window對象
Window.name 用於訪問window對象的一個屬性,可以用來訪問或設置窗口名
Window.history 用於訪問一段時間以來窗口加載的不同URL
Window.document 指示所加載的文檔全部內容
Window.onfocus 檢查窗口何時失去焦點
Window.setTimeout 設置調用一個函數或其他語句之前所等待的時間
Window.cleadTimeout 用於取消需要等待的時間
Window.setInterval 設置重複函數調用或其他語句之間需要等待的時間
Window.clearInterval 取消重複調用之間等待的時間
Window.onblur 檢查窗口何時失去焦點
AJAX的使用
$.ajax({
url:"xxx.xml", 加載xml文件
cache:false, 本地緩存結果(flase可減少對服務器的調用)
dataType:"xml", 希望服務器返回的數據類型
success:function(xml){} 如果成功就運行這個方法,(xml)爲返回的數據
})
$('#id').load("xxx.php");使用ajax加載php
$.get
$.getJSON((接收數據的URL,回調函數function(json){});
$getScript
$.post(接收數據的URL,想要發送的數據,回調函數 function(返回的數據){});
$.load
$("#formID :input").serializeArray(); 對指定標籤數據進行格式化
$("#fromID").serialize(); 對數據進行格式化
$('#btnSave').click(function(){
Vardata=$("#addRunner:input").serializeArray();
$.post($("#addRunner").attr('action'),data,function(json){
if(json.status=="fail"){
alert(json.message);
}
if(json.status=="success"){
alert(json.message);
clearInputs();
}
},"json");
});