æ–ÒŽ(gu¨©)³• æè¿°
ready() 文档ž®ÞqÈA事äšgåQˆå½“ HTML 文档ž®ÞqÈAå¯ç”¨æ—Óž¼‰
blur() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?blur 事äšg
change() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?change 事äšg
click() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?click 事äšg
dblclick() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?double click 事äšg
error() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?error 事äšg
focus() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?focus 事äšg
keydown() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?key down 事äšg
keypress() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?key press 事äšg
keyup() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?key up 事äšg
load() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?load 事äšg
mousedown() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?mouse down 事äšg
mouseenter() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?mouse enter 事äšg
mouseleave() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?mouse leave 事äšg
mousemove() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?mouse move 事äšg
mouseout() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?mouse out 事äšg
mouseover() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?mouse over 事äšg
mouseup() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?mouse up 事äšg
resize() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?resize 事äšg
scroll() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?scroll 事äšg
select() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?select 事äšg
submit() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?submit 事äšg
unload() 触å‘ã€æˆ–ž®†å‡½æ•°ç»‘å®šåˆ°æŒ‡å®šå…ƒç´ çš?unload 事äšg
jQuery 事äšgå¤„ç†æ–ÒŽ(gu¨©)³•
事äšgå¤„ç†æ–ÒŽ(gu¨©)³•把事件处ç†å™¨¾l‘定臛_Œ¹é…å…ƒç´ ã€?/p>
æ–ÒŽ(gu¨©)³• 触å‘
$(selector).bind(event) å‘匹é…å…ƒç´ æ·»åŠ ä¸€ä¸ªæˆ–æ›´å¤šäº‹äšg处ç†å™?
$(selector).delegate(selector, event) å‘匹é…å…ƒç´ æ·»åŠ ä¸€ä¸ªäº‹ä»¶å¤„ç†å™¨åQŒçŽ°åœ¨æˆ–ž®†æ¥
$(selector).die() ¿U»é™¤æ‰€æœ‰é€šè¿‡ live() 函数æ·ÕdŠ çš„äº‹ä»¶å¤„ç†å™¨
$(selector).live(event) å‘匹é…å…ƒç´ æ·»åŠ ä¸€ä¸ªäº‹ä»¶å¤„ç†å™¨åQŒçŽ°åœ¨æˆ–ž®†æ¥
$(selector).one(event) å‘匹é…å…ƒç´ æ·»åŠ ä¸€ä¸ªäº‹ä»¶å¤„ç†å™¨ã€‚该处ç†å™¨åªèƒ½è§¦å‘一‹Æ¡ã€?
$(selector).unbind(event) 从匹é…å…ƒç´ ç§»é™¤ä¸€ä¸ªè¢«æ·ÕdŠ çš„äº‹ä»¶å¤„ç†å™¨
$(selector).undelegate(event) 从匹é…å…ƒç´ ç§»é™¤ä¸€ä¸ªè¢«æ·ÕdŠ çš„äº‹ä»¶å¤„ç†å™¨åQŒçŽ°åœ¨æˆ–ž®†æ¥
$(selector).trigger(event) 所有匹é…å…ƒç´ çš„æŒ‡å®šäº‹äšg
$(selector).triggerHandler(event) ½W¬ä¸€ä¸ªè¢«åŒšw…å…ƒç´ çš„æŒ‡å®šäº‹ä»?
jQuery 效果函数
Hide / Show æè¿°
show() 昄¡¤ºè¢«é€‰çš„å…ƒç´
hide() éšè—被选的元ç´
toggle() å¯¹è¢«é€‰å…ƒç´ è¿›è¡Œéšè—和昄¡¤ºçš„切æ?
Slide
slideDown() é€šè¿‡è°ƒæ•´é«˜åº¦æ¥æ»‘动显½Cø™¢«é€‰å…ƒç´?
slideUp() é€šè¿‡è°ƒæ•´é«˜åº¦æ¥æ»‘动éšè—被选元ç´?
slideToggle() å¯¹è¢«é€‰å…ƒç´ è¿›è¡Œæ»‘åŠ¨éšè—和滑动昄¡¤ºçš„切æ?
Fade in / out
fadeIn() æ·¡å…¥è¢«é€‰å…ƒç´ è‡³å®Œå…¨ä¸é€æ˜Ž
fadeOut() æ·¡å‡ºè¢«é€‰å…ƒç´ è‡³å®Œå…¨ä¸é€æ˜Ž
fadeTo() æŠŠè¢«é€‰å…ƒç´ å‡å¼Þp‡³¾l™å®šçš„ä¸é€æ˜Žåº?
Animation
animate() å¯¹è¢«é€‰å…ƒç´ åº”ç”?#8220;自定ä¹?#8221;的动ç”?
stop() åœæ¢åœ¨è¢«é€‰å…ƒç´ 上˜q行动画
Queue
clearQueue() å¯¹è¢«é€‰å…ƒç´ ç§»é™¤æ‰€æœ‰æŽ’é˜Ÿçš„å‡½æ•°åQˆä»æœªè¿è¡Œçš„åQ?
delay() å¯¹è¢«é€‰å…ƒç´ çš„æ‰€æœ‰æŽ’é˜Ÿå‡½æ•ŽÍ¼ˆä»æœª˜q行åQ‰è®¾¾|®åšg˜q?
dequeue() ˜qè¡Œè¢«é€‰å…ƒç´ çš„ä¸‹ä¸€ä¸ªæŽ’é˜Ÿå‡½æ•?
queue() 昄¡¤ºè¢«é€‰å…ƒç´ 的排队函数
jQuery 文档æ“作æ–ÒŽ(gu¨©)³•
˜q™äº›æ–ÒŽ(gu¨©)³•对于 XML 文档å’?HTML æ–‡æ¡£å‡æ˜¯é€‚用的,除了åQšhtml()ã€?/p>
æ–ÒŽ(gu¨©)³• æè¿°
addClass() å‘匹é…çš„å…ƒç´ æ·ÕdŠ æŒ‡å®šçš„ç±»åã€?
after() 在匹é…çš„å…ƒç´ ä¹‹åŽæ’入内容ã€?
append() å‘匹é…çš„å…ƒç´ å†…éƒ¨˜q½åР内容ã€?
appendTo() å‘匹é…çš„å…ƒç´ å†…éƒ¨˜q½åР内容ã€?
attr() 讄¡½®æˆ–返回匹é…å…ƒç´ çš„å±žæ€§å’Œå€¹{€?
before() 在æ¯ä¸ªåŒ¹é…çš„å…ƒç´ ä¹‹å‰æ’入内容ã€?
clone() 创å¾åŒšw…å…ƒç´ é›†åˆçš„副本ã€?
detach() ä»?DOM ä¸ç§»é™¤åŒ¹é…å…ƒç´ é›†åˆã€?
empty() åˆ é™¤åŒšw…çš„å…ƒç´ é›†åˆä¸æ‰€æœ‰çš„å节ç‚V€?
hasClass() ‹‚€æŸ¥åŒ¹é…çš„å…ƒç´ æ˜¯å¦æ‹¥æœ‰æŒ‡å®šçš„ç±»ã€?
html() 讄¡½®æˆ–返回匹é…çš„å…ƒç´ é›†åˆä¸çš„ HTML 内容ã€?
insertAfter() 把匹é…çš„å…ƒç´ æ’入到å¦ä¸€ä¸ªæŒ‡å®šçš„å…ƒç´ é›†åˆçš„åŽé¢ã€?
insertBefore() 把匹é…çš„å…ƒç´ æ’入到å¦ä¸€ä¸ªæŒ‡å®šçš„å…ƒç´ é›†åˆçš„å‰é¢ã€?
prepend() 呿¯ä¸ªåŒ¹é…çš„å…ƒç´ å†…éƒ¨å‰ç½®å†…容ã€?
prependTo() 呿¯ä¸ªåŒ¹é…çš„å…ƒç´ å†…éƒ¨å‰ç½®å†…容ã€?
remove() ¿U»é™¤æ‰€æœ‰åŒ¹é…çš„å…ƒç´ ã€?
removeAttr() 从所有匹é…çš„å…ƒç´ ä¸ç§»é™¤æŒ‡å®šçš„属性ã€?
removeClass() 从所有匹é…çš„å…ƒç´ ä¸åˆ 除全部或者指定的¾c…R€?
replaceAll() 用匹é…çš„å…ƒç´ æ›¿æ¢æ‰€æœ‰åŒ¹é…åˆ°çš„å…ƒç´ ã€?
replaceWith() 用新内容替æ¢åŒšw…çš„å…ƒç´ ã€?
text() 讄¡½®æˆ–返回匹é…å…ƒç´ çš„å†…å®¹ã€?
toggleClass() 从匹é…çš„å…ƒç´ ä¸æ·»åŠ æˆ–åˆ é™¤ä¸€ä¸ªç±»ã€?
unwrap() ¿U»é™¤òq¶æ›¿æ¢æŒ‡å®šå…ƒç´ çš„çˆ¶å…ƒç´ ã€?
val() 讄¡½®æˆ–返回匹é…å…ƒç´ çš„å€¹{€?
wrap() 把匹é…çš„å…ƒç´ ç”¨æŒ‡å®šçš„å†…å®¹æˆ–å…ƒç´ åŒ…è£¹è“væ¥ã€?
wrapAll() 把所有匹é…çš„å…ƒç´ ç”¨æŒ‡å®šçš„å†…å®¹æˆ–å…ƒç´ åŒ…è£¹è“væ¥ã€?
wrapinner() ž®†æ¯ä¸€ä¸ªåŒ¹é…çš„å…ƒç´ çš„åå†…å®¹ç”¨æŒ‡å®šçš„å†…å®¹æˆ–å…ƒç´ åŒ…è£¹è“væ¥ã€?
jQuery 属性æ“作方æ³?/span>
下é¢åˆ—出的这些方法获得或讄¡½®å…ƒç´ çš?DOM 属性ã€?/p>
˜q™äº›æ–ÒŽ(gu¨©)³•对于 XML 文档å’?HTML æ–‡æ¡£å‡æ˜¯é€‚用的,除了åQšhtml()ã€?/p>
æ–ÒŽ(gu¨©)³• æè¿°
addClass() å‘匹é…çš„å…ƒç´ æ·ÕdŠ æŒ‡å®šçš„ç±»åã€?
attr() 讄¡½®æˆ–返回匹é…å…ƒç´ çš„å±žæ€§å’Œå€¹{€?
hasClass() ‹‚€æŸ¥åŒ¹é…çš„å…ƒç´ æ˜¯å¦æ‹¥æœ‰æŒ‡å®šçš„ç±»ã€?
html() 讄¡½®æˆ–返回匹é…çš„å…ƒç´ é›†åˆä¸çš„ HTML 内容ã€?
removeAttr() 从所有匹é…çš„å…ƒç´ ä¸ç§»é™¤æŒ‡å®šçš„属性ã€?
removeClass() 从所有匹é…çš„å…ƒç´ ä¸åˆ 除全部或者指定的¾c…R€?
toggleClass() 从匹é…çš„å…ƒç´ ä¸æ·»åŠ æˆ–åˆ é™¤ä¸€ä¸ªç±»ã€?
val() 讄¡½®æˆ–返回匹é…å…ƒç´ çš„å€¹{€?
注释åQšjQuery 文档æ“作å‚考手册ä¸ä¹Ÿåˆ—å‡ÞZº†ä»¥ä¸Šæ–ÒŽ(gu¨©)³•。本å‚考页的作用是方便用户å•独查阅有关属性æ“作方é¢çš„æ–ÒŽ(gu¨©)³•ã€?br />
jQuery CSS æ“作函数
下é¢åˆ—出的这些方法设¾|®æˆ–˜q”å›žå…ƒç´ çš?CSS 相关属性ã€?/p>
CSS 属æ€?æè¿°
css() 讄¡½®æˆ–返回匹é…å…ƒç´ çš„æ ·å¼å±žæ€§ã€?
height() 讄¡½®æˆ–返回匹é…å…ƒç´ çš„é«˜åº¦ã€?
offset() ˜q”回½W¬ä¸€ä¸ªåŒ¹é…å…ƒç´ ç›¸å¯¹äºŽæ–‡æ¡£çš„ä½¾|®ã€?
offsetParent() ˜q”回最˜q‘的定佼œ–å…ˆå…ƒç´ ã€?
position() ˜q”回½W¬ä¸€ä¸ªåŒ¹é…å…ƒç´ ç›¸å¯¹äºŽçˆ¶å…ƒç´ çš„ä½ç½®ã€?
scrollTop() 讄¡½®æˆ–返回匹é…å…ƒç´ ç›¸å¯ÒŽ(gu¨©)»šåŠ¨æ¡™å‰™ƒ¨çš„å¿U…R€?
scrollLeft() 讄¡½®æˆ–返回匹é…å…ƒç´ ç›¸å¯ÒŽ(gu¨©)»šåЍæ¡å·¦ä¾§çš„å¿U…R€?
width() 讄¡½®æˆ–返回匹é…å…ƒç´ çš„å®½åº¦ã€?
jQuery Ajax æ“作函数
jQuery 库拥有完整的 Ajax 兼容套äšg。其ä¸çš„函数和方法å…许我们在ä¸åˆ·æ–°æµè§ˆå™¨çš„æƒ…况下从æœåŠ¡å™¨åŠ è²æ•°æ®ã€?/p>
函数 æè¿°
jQuery.ajax() æ‰§è¡Œå¼‚æ¥ HTTP (Ajax) è¯äh±‚ã€?
.ajaxComplete() å½?Ajax è¯äh±‚å®Œæˆæ—¶æ³¨å†Œè¦è°ƒç”¨çš„处ç†ç¨‹åºã€‚这是一ä¸?Ajax 事äšgã€?
.ajaxError() å½?Ajax è¯äh±‚完æˆä¸”出现错误时注册è¦è°ƒç”¨çš„处熽E‹åºã€‚这是一ä¸?Ajax 事äšgã€?
.ajaxSend() åœ?Ajax è¯äh±‚å‘é€ä¹‹å‰æ˜¾½CÞZ¸€æ¡æ¶ˆæ¯ã€?
jQuery.ajaxSetup() 讄¡½®ž®†æ¥çš?Ajax è¯äh±‚的默认倹{€?
.ajaxStart() 当首ä¸?Ajax è¯äh±‚完æˆå¼€å§‹æ—¶æ³¨å†Œè¦è°ƒç”¨çš„处熽E‹åºã€‚这是一ä¸?Ajax 事äšgã€?
.ajaxStop() 当所æœ?Ajax è¯äh±‚å®Œæˆæ—¶æ³¨å†Œè¦è°ƒç”¨çš„处ç†ç¨‹åºã€‚这是一ä¸?Ajax 事äšgã€?
.ajaxSuccess() å½?Ajax è¯äh±‚æˆåŠŸå®Œæˆæ—¶æ˜¾½CÞZ¸€æ¡æ¶ˆæ¯ã€?
jQuery.get() 使用 HTTP GET è¯äh±‚从æœåŠ¡å™¨åŠ è²æ•°æ®ã€?
jQuery.getJSON() 使用 HTTP GET è¯äh±‚从æœåŠ¡å™¨åŠ è² JSON ¾~–ç æ•°æ®ã€?
jQuery.getScript() 使用 HTTP GET è¯äh±‚从æœåŠ¡å™¨åŠ è² JavaScript æ–‡äšgåQŒç„¶åŽæ‰§è¡Œè¯¥æ–‡äšgã€?
.load() 从æœåŠ¡å™¨åŠ è²æ•°æ®åQŒç„¶åŽæŠŠ˜q”回åˆ?HTML 攑օ¥åŒšw…å…ƒç´ ã€?
jQuery.param() åˆ›å¾æ•°ç»„或对象的åºåˆ—化表½Cºï¼Œé€‚åˆåœ?URL 查询å—符串或 Ajax è¯äh±‚ä¸ä‹É用ã€?
jQuery.post() 使用 HTTP POST è¯äh±‚从æœåŠ¡å™¨åŠ è²æ•°æ®ã€?
.serialize() ž®†è¡¨å•内容åºåˆ—化为嗽W¦ä¸²ã€?
.serializeArray() åºåˆ—化表å•å…ƒç´ ï¼Œ˜q”回 JSON 数殾l“构数æ®ã€?
jQuery é历函数包括了用于ç›é€‰ã€æŸ¥æ‰‘Ö’Œä¸²è”å…ƒç´ çš„æ–¹æ³•ã€?/p>
函数 | æè¿° |
---|---|
.add() | ž®†å…ƒç´ æ·»åŠ åˆ°åŒšw…å…ƒç´ çš„é›†åˆä¸ã€?/td> |
.andSelf() | æŠŠå †æ ˆä¸ä¹‹å‰çš„å…ƒç´ é›†æ·ÕdŠ åˆ°å½“å‰é›†åˆä¸ã€?/td> |
.children() | 获得匚w…å…ƒç´ é›†åˆä¸æ¯ä¸ªå…ƒç´ 的所有åå…ƒç´ ã€?/td> |
.closest() | ä»Žå…ƒç´ æœ¬íw«å¼€å§‹ï¼Œé€çñ”å‘上¾U§å…ƒç´ 匹é…,òq¶è¿”回最先匹é…çš„¼œ–å…ˆå…ƒç´ ã€?/td> |
.contents() | 获得匚w…å…ƒç´ é›†åˆä¸æ¯ä¸ªå…ƒç´ çš„åå…ƒç´ ï¼ŒåŒ…æ‹¬æ–‡æœ¬å’Œæ³¨é‡ŠèŠ‚ç‚V€?/td> |
.each() | å¯?jQuery 对象˜q›è¡Œ˜q代åQŒäØ“æ¯ä¸ªåŒšw…å…ƒç´ æ‰§è¡Œå‡½æ•°ã€?/td> |
.end() | ¾l“æŸå½“å‰é“¾ä¸æœ€˜q‘的一‹Æ¡ç›é€‰æ“作,òq¶å°†åŒšw…å…ƒç´ é›†åˆ˜q”回到å‰ä¸€‹Æ¡çš„状æ€ã€?/td> |
.eq() | ž®†åŒ¹é…å…ƒç´ é›†åˆç¾ƒå‡äØ“ä½äºŽæŒ‡å®šç´¢å¼•çš„æ–°å…ƒç´ ã€?/td> |
.filter() | ž®†åŒ¹é…å…ƒç´ é›†åˆç¾ƒå‡äؓ匚w…选择器或匚w…函数˜q”å›žå€¼çš„æ–°å…ƒç´ ã€?/td> |
.find() | 获得当å‰åŒšw…å…ƒç´ é›†åˆä¸æ¯ä¸ªå…ƒç´ çš„åŽä»£åQŒç”±é€‰æ‹©å™¨è¿›è¡Œç›é€‰ã€?/td> |
.first() | ž®†åŒ¹é…å…ƒç´ é›†åˆç¾ƒå‡äؓ集åˆä¸çš„½W¬ä¸€ä¸ªå…ƒç´ ã€?/td> |
.has() | ž®†åŒ¹é…å…ƒç´ é›†åˆç¾ƒå‡äؓ包å«ç‰¹å®šå…ƒç´ çš„åŽä»£çš„集åˆã€?/td> |
.is() | æ ÒŽ(gu¨©)®é€‰æ‹©å™¨æ£€æŸ¥å½“å‰çš„匚w…å…ƒç´ é›†åˆåQŒå¦‚æžœå˜åœ¨è‡³ž®‘一个匹é…å…ƒç´ ï¼Œåˆ™è¿”å›?trueã€?/td> |
.last() | ž®†åŒ¹é…å…ƒç´ é›†åˆç¾ƒå‡äؓ集åˆä¸çš„æœ€åŽä¸€ä¸ªå…ƒç´ ã€?/td> |
.map() | 把当å‰åŒ¹é…集åˆä¸çš„æ¯ä¸ªå…ƒç´ ä¼ é€’ç»™ä¸€ä¸ªå‡½æ•ŽÍ¼Œäº§ç”ŸåŒ…嫘q”回值的新的 jQuery 对象ã€?/td> |
.next() | 获得匚w…å…ƒç´ é›†åˆä¸æ¯ä¸ªå…ƒç´ ç´§é‚?c¨¨)š„åŒè¾ˆå…ƒç´ ã€?/td> |
.nextAll() | 获得匚w…å…ƒç´ é›†åˆä¸æ¯ä¸ªå…ƒç´ 之åŽçš„æ‰€æœ‰åŒè¾ˆå…ƒç´ ,由选择器进行ç›é€‰ï¼ˆå¯é€‰ï¼‰ã€?/td> |
.nextUntil() | 获得æ¯ä¸ªå…ƒç´ ä¹‹åŽæ‰€æœ‰çš„åŒè¾ˆå…ƒç´ åQŒç›´åˆ°é‡åˆ°åŒ¹é…é€‰æ‹©å™¨çš„å…ƒç´ ä¸ºæ¢ã€?/td> |
.not() | 从匹é…å…ƒç´ é›†åˆä¸åˆ é™¤å…ƒç´ ã€?/td> |
.offsetParent() | 获得用于定ä½çš„ç¬¬ä¸€ä¸ªçˆ¶å…ƒç´ ã€?/td> |
.parent() | 获得当å‰åŒšw…å…ƒç´ é›†åˆä¸æ¯ä¸ªå…ƒç´ çš„çˆ¶å…ƒç´ ï¼Œç”±é€‰æ‹©å™¨ç›é€‰ï¼ˆå¯é€‰ï¼‰ã€?/td> |
.parentsUntil() | 获得当å‰åŒšw…å…ƒç´ é›†åˆä¸æ¯ä¸ªå…ƒç´ çš„¼œ–å…ˆå…ƒç´ åQŒç›´åˆ°é‡åˆ°åŒ¹é…é€‰æ‹©å™¨çš„å…ƒç´ ä¸ºæ¢ã€?/td> |
.prev() | 获得匚w…å…ƒç´ é›†åˆä¸æ¯ä¸ªå…ƒç´ ç´§é‚?c¨¨)š„å‰ä¸€ä¸ªåŒè¾ˆå…ƒç´ ,由选择器ç›é€‰ï¼ˆå¯é€‰ï¼‰ã€?/td> |
.prevAll() | 获得匚w…å…ƒç´ é›†åˆä¸æ¯ä¸ªå…ƒç´ 之å‰çš„æ‰€æœ‰åŒè¾ˆå…ƒç´ ,由选择器进行ç›é€‰ï¼ˆå¯é€‰ï¼‰ã€?/td> |
.prevUntil() | 获得æ¯ä¸ªå…ƒç´ 之剿‰€æœ‰çš„åŒè¾ˆå…ƒç´ åQŒç›´åˆ°é‡åˆ°åŒ¹é…é€‰æ‹©å™¨çš„å…ƒç´ ä¸ºæ¢ã€?/td> |
.siblings() | 获得匚w…å…ƒç´ é›†åˆä¸æ‰€æœ‰å…ƒç´ çš„åŒè¾ˆå…ƒç´ åQŒç”±é€‰æ‹©å™¨ç›é€‰ï¼ˆå¯é€‰ï¼‰ã€?/td> |
.slice() | ž®†åŒ¹é…å…ƒç´ é›†åˆç¾ƒå‡äؓ指定范围的å集ã€?/td> |
˜q™äº›æ–ÒŽ(gu¨©)³•å…许我们ž®†æŒ‡å®šçš„ DOM å…ƒç´ ä¸Žä“Qæ„æ•°æ®ç›¸å…Œ™”ã€?/p>
函数 | æè¿° |
---|---|
.data() | å˜å‚¨ä¸ŽåŒ¹é…å…ƒç´ ç›¸å…³çš„ä»ÀL„æ•°æ®ã€?/td> |
jQuery.data() | å˜å‚¨ä¸ŽæŒ‡å®šå…ƒç´ 相关的ä»ÀL„æ•°æ®ã€?/td> |
.removeData() | ¿U»é™¤ä¹‹å‰å˜æ”¾çš„æ•°æ®ã€?/td> |
jQuery.removeData() | ¿U»é™¤ä¹‹å‰å˜æ”¾çš„æ•°æ®ã€?/td> |
函数 | æè¿° |
---|---|
.clearQueue() | 从队列ä¸åˆ 除所有未˜q行的项目ã€?/td> |
.dequeue() | 从队列最å‰ç«¯¿U»é™¤ä¸€ä¸ªé˜Ÿåˆ—函敎ͼŒòq¶æ‰§è¡Œå®ƒã€?/td> |
jQuery.dequeue() | 从队列最å‰ç«¯¿U»é™¤ä¸€ä¸ªé˜Ÿåˆ—函敎ͼŒòq¶æ‰§è¡Œå®ƒã€?/td> |
.queue() | 昄¡¤ºæˆ–æ“作匹é…å…ƒç´ æ‰€æ‰§è¡Œå‡½æ•°çš„é˜Ÿåˆ—ã€?/td> |
jQuery.queue() | 昄¡¤ºæˆ–æ“作匹é…å…ƒç´ æ‰€æ‰§è¡Œå‡½æ•°çš„é˜Ÿåˆ—ã€?/td> |
Var names=$(‘li’).get(); //åˆ›å¾æ•°ç»„
$(‘p’).text(names.length); //计数数组长度
});
2.æ“作数组数æ®(è½¬æ¢æˆå¤§å†?
$(document).ready(function(){
var member=["zhangsan","BoLaiTe"];
var member=$.map(member,function(n,i){ //memberå¯ä»¥å˜äؓ其他数组å?br /> return (i+1+"."+n.toUpperCase());
});
});
æ³?$.each()å’?.map()都是˜q代数组ä¸çš„æ¯ä¸ªå…ƒç´ åQŒåƈ调用回调函数å¯ÒŽ(gu¨©)¯ä¸ªå…ƒç´ åšæ“作。åŽè€…还能返回一个数¾l„å…ƒç´ ã€?br />
3.½{›é€‰æ•°¾l„å…ƒç´?br /> (1)使用grep
$(document).ready(function(){
member=["Dev","Tom"];
member=$.grep(member,function(v){return v.length>3});
});
(2)使用match
member=["Dev","Tom"];
member=$.grep(member,function(v){return v.match(/^[A-D]/)});
4.å—符串数¾l„,数值数¾l„排åº?br /> åQ?åQ‰å—½W¦ä¸²æ•°ç»„排åº
var member=["dev","Tom"]
member=member.sort();
(2) 数值数¾l„排åº?br /> var memer=[12,34,13,53];
member=member.sort(function(a,b){
return a-b;
});
(3)对象数组排åº
<script type="text/javascript" src="rs/js/jquery.js"></script>
<script type="text/javascript">
<!--
$(
function()
{
var students =[
{'sid':'ST001','sname':'å¼ ä¸‰','sage':18},
{'sid':'ST004','sname':'èµµå…','sage':23},
{'sid':'ST002','sname':'æŽå››','sage':42},
{'sid':'ST003','sname':'王五','sage':35}
];
//è¡¨æ ¼æ˜„¡¤º
$.each(students,
function(index, value)
{
$('#ia').append('<tr><td>' + value.sid +
'</td><td>' + value.sname +
'</td><td>' + value.sage + '</td></tr>');
}
);
//按照SID排åº
var sidOrder = students.sort(
function(a, b)
{
if(a.sid < b.sid) return -1;
if(a.sid > b.sid) return 1;
return 0;
}
);
$.each(sidOrder,
function(index, value)
{
$('#ib').append('<tr><td>' + value.sid +
'</td><td>' + value.sname +
'</td><td>' + value.sage + '</td></tr>')
}
);
//按照SAGE排åº
var sageOrder = students.sort(
function(a, b)
{
return (a.sage - b.sage);
}
);
$.each(sageOrder,
function(index, value)
{
$('#ic').append('<tr><td>' + value.sid +
'</td><td>' + value.sname +
'</td><td>' + value.sage + '</td></tr>')
}
);
}
);
//-->
</script>
æ³¨ï¼šä¸Šè¿°æ¥æºäºŽï¼šhttp://mmz06.blog.163.com/blog/static/12141696201102935021258/
5.拆分数组
var member=[20,40,21,302,21];
var memSecond=member.splice(1,2);
得到 member=[20,302,21];
memSecond=[40,21];
6.åˆåƈ数组
var mem1=[1,2];
var mem2=[3,4];
var mem=mem1.concat(mem2);
1. jQuery选择dom节点
$(‘p’) //htmlå…ƒç´ <p>
$(‘div’) //htmlå…ƒç´ <div>
$(‘#A’) //id='A'
$(‘.b’) //class='b'
2. 延迟JavaScript的执�/span>
用æ¥é€šçŸ¥æˆ‘们dom准备ž®ÞqÈA的方法是$(document).ready()。在DOMåŠ è²å®Œæˆå?/span>,æ¤æ–¹æ³•执行函数调用:
$(document).ready(function(){
$(‘p’).addClass(‘hightlight’);
});
3. css攑֜¨å…ƒç´ ä¸?/span>
$(‘div’).addClass(‘hightlight’);
4. 选择¾pÕdˆ—éžæ ‡å‡†çš„HTMLå…ƒç´
$(‘div:odd’).addClass(‘highlight’);
$(‘div:even’).addClass(‘boundary’);
$(‘p:eq(1)’).addClass(‘linkstyle’);
5. 计数dom节点和显½Cºå…¶æ–‡æœ¬
$(document).ready(function(){
var $node=$(“#root”).children();
alert($node.length);
var text;
$(“#root”).children.each(function(){
text+=$(this).text();
})
})
6. 获å–html代ç
$(‘p’).html();
7. 获å–dom代ç
$(‘h2’).text(‘javascript libraries’);
8. 快速创�/span>dom节点
(1) prepend()æŒ‡å®šå…ƒç´ å‰æ’å…?/span>
$(‘p’).prend(‘<h2>abc</h2>’);
(2) prependTo()
$(‘<h2>abc</h2>’).prependTo(‘p’);
(3) clone()å¤åˆ¶æŒ‡å®šå…ƒç´ òq¶è¿”回一个新çš?/span>jQuery对象。å¤åˆ¶ä¸€ä¸?/span>h2å…ƒç´ æ’å…¥è¯¥æ®µå…ƒç´ $(‘h2’).clone().prependTo(‘p’);