jQuery的常用方法

特效操作:

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");

});



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章