JQuery快速檢視總結
1.選擇器 $()
$(‘p’)
$(‘#btn’)
$(‘.cls’)
$(‘*’)
$(this)
$(‘p.cls’)
$(‘p:first’)
$(‘ul li:first’)----第一個ul下面的第一個li
$(‘ul li:first-child’)—每個ul的第一個li
$(‘[href]’)–屬性選擇器
$(‘li.even’)偶數位置
$(‘li.add’)奇數位置…
2.事件
滑鼠 click-dbclick-mouseenter-mouseleave-hover
鍵盤 keydown-keyup-keypress
表單 submit-change-focus
視窗 load-resize-scroll-unload
==效果=
3.顯示/隱藏
.hide([時間],[callback])/.show()/.toggle()
-----$(selector)選中的元素的個數為n個，則callback函式會執行n次
4…淡入淡出
.fadeIn(時間)/ .fadeOut()/ .fadeToggle()/ .fadeTo(時間,透明度,[callback])
5.滑動
slideUp(時間)/slideDown()/slideToggle()
6.動畫
Animate({css屬性鍵值}，[時長]，[callback])
-------.animate({left:‘250px’});
-------.animate({ left:‘250px’,
opacity:‘0.5’,
height:’+=150px’, //（相對值）
width:‘150px’ });
7.鏈式程式設計
$("#p1").css(“color”,“red”).slideUp(2000).slideDown(2000);
=HTML=
8.獲取內容/屬性
Text()—設定或返回文字內容
Html()—設定返回文字內容，包括html標記
val()–設定或返回表單欄位的值
Attr()–設定獲取屬性，設定多個屬性時可以傳入一個物件
9.新增元素（新的html元素）
Append()–追加最後一個子
Prepend()
After()–追加最後一個兄弟
Before()
10.刪除元素
Remove()–刪除子元素以及自己
Empty() --刪除子元素
11.操作類
addClass()-------新增一個或多個類
removeClass()–刪除一個或多個類
toggleClass()----切換類
12.樣式css() 獲取設定樣式屬性
$(“p”).css({“background-color”:“yellow”,“font-size”:“200%”});
13.尺寸
width() --內容寬
innerWidth()–內容+內邊距
outerWidth()–內容+內邊距+邊框
===遍歷=
14.祖先
Parent()–向上一級
Parents()–向上到根---------可以過濾$(‘span’).parents(‘div’)
parentsUntil()—介於兩元素之間的所有祖先元素
15.後代
Children()–下一級 $(document).ready(function(){ $(“div”).children(“p.1”); });
—子元素中類名為1的p元素
Find()–所有子元素 $(document).ready(function(){ KaTeX parse error: Expected 'EOF', got '}' at position 20: …v").find("*"); }̲); ---所有子元素要加“*…(document).ready(function(){ $(“p”).filter(".url"); });類名為 url的p
.not()—與filter相反
=Ajax==
18.元素.load(url,[data],[callback])
19.Get()/post()
20.$ajax({type:“get/post”,url:“”,success:function(data){}})
其他
21.當
；也可以把$存入其他變數
(1)釋放
.noConflict();
=外掛=
22.validate-----表單驗證
23.Autocomplete–搜尋框用於使用者輸入的值與預設值進行匹配
(1)http://www.runoob.com/jqueryui/example-autocomplete.html
24.密碼驗證–validate的拓展密碼驗證
25.時間–幾秒前/幾天前
-----https://github.com/fengyuanchen/prettydate/blob/v0.1.0/README.md
26.樹形選單外掛（Treeview）
==UI
1.摺疊面板
http://www.runoob.com/jqueryui/example-accordion.html
2.拖動
第一篇部落格感覺可讀性不高，以後要好好寫寫