學習小筆記---jquery(部分)

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



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