attr()
html()
text()
addClass()
css()
removeAtrr()
removeClass()
append()
appendTo() 可以向指定的元素內插入內容 $(content).appendTo(selector)
before() $(selector).before(content)
after() 表示在整個元素的前面和後面插入指定的元素或內容 $(selector).after(content)
clone() 複製了一個被選元素,包含它的節點、文本和屬性 $(selector).clone()
replaceWith() $(selector).replaceWith(content)
replaceAll() 替換元素或元素中的內容 $(content).replaceAll(selector)
wrap() 進行元素的包裹,於包裹元素本身 $(selector).wrap(wrapper)
wrapInner() 包裹元素中的內容 $(selector).wrapInner(wrapper)
each() 遍歷指定的元素集合,在遍歷時,通過回調函數返回遍歷元素的序列號 $(selector).each(function(index))
remove() 刪除所選元素本身和子元素,該方法可以通過添加過濾參數指定需要刪除的某些元素
empty() 只刪除所選元素的子元素
ready() 只要頁面的DOM結構加載後便觸發。可以寫多個,按順序執行 $(document).ready(function(){})等價於$(function(){});
onLoad() 必須在頁面全部元素加載成功才觸發
bind() 綁定元素的事件非常方便,綁定前,需要知道被綁定的元素名,綁定的事件名稱,事件中執行的函數內容就可以
hover() 當鼠標移到所選元素上時,執行方法中的第一個函數,鼠標移出時,執行方法中的第二個函數,實現事件的切實效果
toggle() 在元素的click事件中綁定兩個或兩個以上的函數,同時,它還可以實現元素的隱藏與顯示的切換
unbind() 移除元素已綁定的事件 $(selector).unbind(event,fun)
one() 可以綁定元素任何有效的事件,但這種方法綁定的事件只會觸發一次 $(selector).one(event,[data],fun)
trigger() 可以直接手動觸發元素指定的事件,這些事件可以是元素自帶事件,也可以是自定義的事件,總之,該事件必須能執行
focus() 在元素獲取焦點時觸發
blur() 在元素丟失焦點時觸發
change() 當一個元素的值發生變化時,將會觸發change事件
live() 可以綁定元素的可執行事件,除此相同功能之外,live()方法還可以綁定動態元素,即使用代碼添加的元素事件
show() 用於顯示或隱藏頁面中的元素 $(selector).hide(speed,[callback])
hide() $(selector).show(speed,[callback])
動態效果:+speed (fast/slow)
show() hide()
如果在這些方法中增加“speed”參數可以實現動畫效果的顯示與隱藏,同時,如果添加了方法的回調函數,它將在顯示或隱藏執行成功後被調用
toggle()
如果元素處於顯示狀態,調用該方法則隱藏該元素,反之,則顯示該元素
slideUp() slideDown()
在頁面中滑動元素,前者用於向上滑動元素,後者用於向下滑動元素 $(selector).slideUp(speed,[callback])
要注意的是:slideDown()僅適用於被隱藏的元素;slideup()則相反
slideToggle()
實現圖片“變臉”效果
fadeIn() fadeOut()
實現元素的淡入淡出效果,前者淡入隱藏的元素,後者可以淡出可見的元素
fadeTo()
將所選擇元素的不透明度以淡入淡出的效果調整爲指定的值 $(selector).fadeTo(speed,opacity,[callback])
animate()
可以創建自定義動畫效果 $(selector).animate({params},speed,[callback])
還能製作移動位置的動畫,在移動位置之前,必須將被移元素的“position”屬性值設爲“absolute”或“relative”
stop()
在動畫完成之前,停止當前正在執行的動畫效果,這些效果包括滑動、淡入淡出和自定義的動畫 $(selector).stop([clearQueue],[goToEnd])
參數clearQueue和goToEnd都是布爾類型值,前者表示是否停止正在執行的動畫,後者表示是否完成正在執行的動畫,默認爲false
delay()
設置一個延時值來推遲動畫效果的執行 $(selector).delay(duration)
參數duration爲延時值,它的單位是毫秒,當超過延時值時,動畫繼續執行
ajax:
GET:
var request = new XMLHttpRequest(); request.open("GET","service.php?number="+number); request.send(); request.onreadystatechange = function(){ if(request.readyState === 4){ if(request.status === 200){ }else{ alert("error"+request.status); } } };
POST:
var request = new XMLHttpRequest(); request.open("POST","service.php"); var data = "number = "+number; request.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); request.send( data ); request.onreadystatechange = function(){ if(request.readyState === 4){ if(request.status === 200){ }else{ alert("error"+request.status); } } };
JSON.parse來解析json字符串
JSONlint 校驗工具
解決跨域方法:
代理
jsonp 只能對get請求有效果
XHR2 IE10以下不支持
header("Access-Control-Allow-Origin:*"); header("Access-Control-Allow-Method:POST,GET");