ï»??xml version="1.0" encoding="utf-8" standalone="yes"?>午夜久久av,成人毛片av在线,国产精品vahttp://www.aygfsteel.com/ZouYonghui/category/49200.htmlzh-cnSat, 30 Jul 2011 08:52:33 GMTSat, 30 Jul 2011 08:52:33 GMT60äº?id与class的一点小区别http://www.aygfsteel.com/ZouYonghui/archive/2011/07/28/355245.htmlTerry ZouTerry ZouThu, 28 Jul 2011 11:18:00 GMThttp://www.aygfsteel.com/ZouYonghui/archive/2011/07/28/355245.htmlhttp://www.aygfsteel.com/ZouYonghui/comments/355245.htmlhttp://www.aygfsteel.com/ZouYonghui/archive/2011/07/28/355245.html#Feedback0http://www.aygfsteel.com/ZouYonghui/comments/commentRss/355245.htmlhttp://www.aygfsteel.com/ZouYonghui/services/trackbacks/355245.html描述要求åQŒè¦æ±‚点å‡ÀLŒ‰é’®æ—¶èƒ½å¤Ÿå¯¹ä¸¤ä¸ªæ–‡æœ¬æ¡†˜q›è¡Œéšè—
    ä¸‹é¢æƒ…况不能辑ֈ°æ•ˆæžœ(当然jquery包已¾lå¯¼å…¥å•¦)åQ?br /><html>
<head>
<script type="text/javascript">
    $(document).ready(function(){
         $("#button").click(function(){
               $("#tx1").hide();
        });
    });
</script>
</head>
<body>
<input type="text" id="tx1" />
<input type="text" id="tx1" />
<input type="button" id="button" />
</body>
</html>
    ä¸‹é¢æƒ…况能行
<html>
<head>
<script type="text/javascript">
    $(document).ready(function(){
         $(".button").click(function(){
               $(".tx1").hide();
        });
    });
</script>
</head>
<body>
<input type="text" class="tx1" />
<input type="text" class="tx1" />
<input type="button" class="button" />
</body>
</html>

]]>
å›?jQueryž®†disabled的属性置为enabled的三¿Uæ–¹æ³?/title><link>http://www.aygfsteel.com/ZouYonghui/archive/2011/07/27/355171.html</link><dc:creator>Terry Zou</dc:creator><author>Terry Zou</author><pubDate>Wed, 27 Jul 2011 12:28:00 GMT</pubDate><guid>http://www.aygfsteel.com/ZouYonghui/archive/2011/07/27/355171.html</guid><wfw:comment>http://www.aygfsteel.com/ZouYonghui/comments/355171.html</wfw:comment><comments>http://www.aygfsteel.com/ZouYonghui/archive/2011/07/27/355171.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/ZouYonghui/comments/commentRss/355171.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/ZouYonghui/services/trackbacks/355171.html</trackback:ping><description><![CDATA[<p>    åœ¨jquery中可以通过jqueryObj.attr("disabled","disabled")ž®†é¡µé¢ä¸­æŸä¸ªå…ƒç´ ¾|®äؓ不可¾~–辑或触发状态,但是在jqueryçš„API referenceä¸­åÆˆæ²¡è¯´æ˜Žæ€Žä¹ˆž®†é¡µé¢ç½®ä¸ºdisable的元素重新置为可触发或可¾~–辑的。这里发现可以采用三¿Uçš„变通方法将¾|®äØ“disabled的元素状态改为enabled<br />1.ž®†disabled属性设为false<br />    å¦‚:å¯ÒŽ(gu¨©)–‡æœ¬è¿›è¡Œè®¾¾|?br />        <input type="text" name="user" id="userId" /><br />        $("#userId").attr("disabled",false);<br />2.ž®†disabled属性设为空<br />    å¦?同样是上面文æœ?br />        $("#userId").attr("disabled","");<br />3.¿U»é™¤disabled属æ€?br />    å¦?同样用到上面文本<br />        $("#userId").removeAttr("disabled");<br />详细出处参考:<a >http://www.jb51.net/article/19342.htm</a></p> <p><a ></a> </p> <img src ="http://www.aygfsteel.com/ZouYonghui/aggbug/355171.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/ZouYonghui/" target="_blank">Terry Zou</a> 2011-07-27 20:28 <a href="http://www.aygfsteel.com/ZouYonghui/archive/2011/07/27/355171.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>三(2åQ?事äšgåQˆå¸¸ç”¨æ–¹æ³•)http://www.aygfsteel.com/ZouYonghui/archive/2011/07/22/354877.htmlTerry ZouTerry ZouFri, 22 Jul 2011 12:53:00 GMThttp://www.aygfsteel.com/ZouYonghui/archive/2011/07/22/354877.htmlhttp://www.aygfsteel.com/ZouYonghui/comments/354877.htmlhttp://www.aygfsteel.com/ZouYonghui/archive/2011/07/22/354877.html#Feedback0http://www.aygfsteel.com/ZouYonghui/comments/commentRss/354877.htmlhttp://www.aygfsteel.com/ZouYonghui/services/trackbacks/354877.html1.toggle有两¿UåÅžå¼?br />    åQ?åQ‰toggle()用于切换元素的可见性,如果被选元素可见,则隐藏这些元素,如果被选元素不可见åQŒåˆ™æ˜„¡¤º˜q™äº›å…ƒç´ ã€?br />        å¦?
            <body>
                <p id="content">当点å‡ÖM¸Šé¢çš„“点击˜q™é‡Œå­—æ ·”åQŒè¿™é‡Œçš„内容ž®†éšè—ä¸Žæ˜„¡¤ºåˆ‡æ¢</p>
                <input type="button" id="test" value="点击˜q™é‡Œ"></input>
            </body>

        $(document).ready(function(){
            $("#test").click(function(){
                $("#content").toggle();
            });
        });
        (2)toggle(f(n),f(m)) 效果是:每次点击后依‹Æ¡è°ƒç”¨å‡½æ•ŽÍ¼›å¦‚果点击了一个匹配的元素åQŒåˆ™è§¦å‘指定的第一个函敎ͼŒå½“再‹Æ¡ç‚¹å‡ÕdŒä¸€å…ƒç´ æ—Óž¼Œåˆ™è§¦å‘指定的½W¬äºŒä¸ªå‡½æ•ŽÍ¼Œå¦‚果有更多函敎ͼŒåˆ™å†‹Æ¡è§¦å‘,直到最后一个。随后的每次点击都重复对˜q™å‡ ä¸ªå‡½æ•°çš„轮番调用.
        <body>
                <p id="content">当点å‡ÖM¸Šé¢çš„“点击˜q™é‡Œå­—æ ·”åQŒè¿™é‡Œçš„内容颜色ž®†åˆ‡æ?lt;/p>
                <input type="button" id="test" value="点击˜q™é‡Œ"></input>
            </body>
        
        æ ·å¼åQ?br />        .bg{color:#ff0;}
        .cg{color:#f0f;}
        
        $(document).ready(function(){
            $("#test").toggle(
                function(){
                    $("#content").addClass("bg");
                },
                function(){
                    $("#content").removeClass("bg");
                },
                function(){
                    $("#content").addClass("cg");
            });
        });
       å½“ç„¶˜q™é‡Œä¸èƒ½å¾ªçŽ¯æ‰§è¡ŒåQŒåº”为当执行完addClass("cg")时就得执行addClass("bg")˜q™æ˜¯é”™è¯¯çš„,应该在将cg样式åŽÀLމž®±ok啦,可以在下面在加一个去掉的函数ã€?br />2.hover一个模仿æ?zh¨¨n)¬åœäº‹ä»Óž¼ˆé¼ æ ‡¿UÕdЍåˆîC¸€ä¸ªå¯¹è±¡ä¸Šé¢åŠ¿UÕd‡º˜q™ä¸ªå¯¹è±¡åQ‰çš„æ–ÒŽ(gu¨©)³•,效果åQšå½“é¼ æ ‡¿UÕdЍåˆîC¸€ä¸ªåŒ¹é…çš„元素上面æ—Óž¼Œä¼šè§¦å‘指定的½W¬ä¸€ä¸ªå‡½æ•°ã€‚当鼠标¿UÕd‡º˜q™ä¸ªå…ƒç´ æ—Óž¼Œä¼šè§¦å‘指定的½W¬äºŒä¸ªå‡½æ•°ã€‚而且åQŒä¼šä¼´éšç€å¯šw¼ æ ‡æ˜¯å¦ä»ç„¶å¤„在特定元素中的检‹¹‹ï¼ˆä¾‹å¦‚åQŒå¤„在div中的囑փåQ‰ï¼Œå¦‚果是,则会¾l§ç®‹ä¿æŒ“æ‚(zh¨¨n)¬åœ”状态,而不触发¿UÕd‡ºäº‹äšgåQˆä¿®æ­£äº†ä½¿ç”¨mouseout事äšg的一个常见错误)ã€?br />        $("#content").hover(function(){
                   $(this).addClass("bg");},
              function(){
                   $(this).removeClass("bg");
         });
˜q™é‡Œåªå†™˜q™ä¸¤ä¸ªä¾‹å­ï¼Œå…¶ä»–的参加下面的事äšg汇怅R€‚来源:http://www.cnblogs.com/EricChan/archive/2011/02/01/1948534.html

æ–ÒŽ(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 遍历函数

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>

 

jQuery 数据存储函数

˜q™äº›æ–ÒŽ(gu¨©)³•允许我们ž®†æŒ‡å®šçš„ DOM 元素与ä“Q意数据相兌™”ã€?/p>
函数 描述
.data() 存储与匹配元素相关的ä»ÀL„æ•°æ®ã€?/td>
jQuery.data() 存储与指定元素相关的ä»ÀL„æ•°æ®ã€?/td>
.removeData() ¿U»é™¤ä¹‹å‰å­˜æ”¾çš„æ•°æ®ã€?/td>
jQuery.removeData() ¿U»é™¤ä¹‹å‰å­˜æ”¾çš„æ•°æ®ã€?/td>

jQuery 队列控制函数

函数 描述
.clearQueue() 从队列中删除所有未˜qè¡Œçš„项目ã€?/td>
.dequeue() 从队列最前端¿U»é™¤ä¸€ä¸ªé˜Ÿåˆ—函敎ͼŒòq¶æ‰§è¡Œå®ƒã€?/td>
jQuery.dequeue() 从队列最前端¿U»é™¤ä¸€ä¸ªé˜Ÿåˆ—函敎ͼŒòq¶æ‰§è¡Œå®ƒã€?/td>
.queue() 昄¡¤ºæˆ–操作匹配元素所执行函数的队列ã€?/td>
jQuery.queue() 昄¡¤ºæˆ–操作匹配元素所执行函数的队列ã€?/td>

            

]]>
三(1åQ?事äšg(select checkbox radio text)http://www.aygfsteel.com/ZouYonghui/archive/2011/07/21/354819.htmlTerry ZouTerry ZouThu, 21 Jul 2011 13:02:00 GMThttp://www.aygfsteel.com/ZouYonghui/archive/2011/07/21/354819.htmlhttp://www.aygfsteel.com/ZouYonghui/comments/354819.htmlhttp://www.aygfsteel.com/ZouYonghui/archive/2011/07/21/354819.html#Feedback0http://www.aygfsteel.com/ZouYonghui/comments/commentRss/354819.htmlhttp://www.aygfsteel.com/ZouYonghui/services/trackbacks/354819.htmlval()æ–ÒŽ(gu¨©)³•取å€û|¼Œ<select>å…ƒç´ é»˜è®¤çš„äØ“value属性å€û|¼Œå¦åˆ™ä¸?lt;option value="">value</option>;<input type='checkbox' value="">默认为value属性å€û|¼Œå¦åˆ™ä¸ºon;<input type="text" value=""></input>é»˜è®¤ä¸ø™¾“入到文本框里的å€?<input type="radio" id="abc" value="">abc</input>默认为value属性å€û|¼Œå¦åˆ™ä¸ºon;
1.处理Select事äšg
         <select id="select">
            <option>è‹ÒŽ(gu¨©)žœ</option>
            <option>栗子</option>
            <option>桃子</option>
          </select>
            å½?('#select').val();默认的å€égؓ选择的å€û|¼Œå¦?#8220;è‹ÒŽ(gu¨©)žœ”,ä½?lt;option value="冬瓜">è‹ÒŽ(gu¨©)žœ</option>在选择è‹ÒŽ(gu¨©)žœæ˜?('#select').val();得到的是“冬瓜”ã€?br />        åQ?åQ‰äØ“selectæ·ÕdР选项å€û|¼Œå¦‚下:
            <html>
            <head>    
                    <title>æ·ÕdР选项</title>
                    <script type="text/javascript">
                       $(document).ready(function(){
                        $(".info").append($("<option></option>").attr("value","1").text("è‹ÒŽ(gu¨©)žœ"));
                        });
                    </script>
            </head>
            <body>
                    <form>
                            <select class="info"></select>
                    </form>
            </body>
            </html>
         åQ?åQ‰èŽ·å–select中的被选项åQŒå¦‚ä¸?
            <html>
            <head>    
                    <title>获取被选项</title>
                    <script type="text/javascript">
                       $(document).ready(function(){
                            $("#bt").click(function(){
                                var fruit=$("select option:selected").val();
                                alert(fruit);
                            });
                    </script>
            </head>
            <body>
                    <form>
                            <select class="info">
                                    <option>è‹ÒŽ(gu¨©)žœ</option>
                                    <option>栗子</option>
                                    <option>桃子</option>
                            </select>
                            <input type="button" id="bt">按钮</input>
                    </form>
            </body>
            </html>
2.处理checkbox事äšg
        åQ?åQ‰å…¨é€‰uncheck/checkAll
         <div class="infobox"><input type="checkbox" name="a" id="a" value=1>看电(sh¨´)å½?lt;/input></div>
         <div class="infobox"><input type="checkbox" name="b" id="b" value=2>打篮ç?lt;/input></div>
         <div class="infobox"><input type="checkbox" name="c" id="c" value=3>看书</input></div>
         <div class="infobox"><input type="checkbox" id="checkAll">Check/Uncheck</input></div>
         $(document).ready(function(){
           $('#checkAll').click(function(){
                $("input[type='checkbox']").attr('checked',$("#checkAll").is(':checked'));
          });
       });
        (2) ‹‚€æŸ¥å¤é€‰æ¡†æ˜¯å¦è¢«é€‰ä¸­
        $('form').find(":checkbox").each(function(){
            if($(this).is(":checked");
        });
3.处理radio事äšg
    åQ?åQ‰æ£€æŸ¥å•选按钮是否被选择
        var a=$("input[type='radio']:checked").val();
        

]]>
äº?jQuery数组http://www.aygfsteel.com/ZouYonghui/archive/2011/07/21/354818.htmlTerry ZouTerry ZouThu, 21 Jul 2011 12:47:00 GMThttp://www.aygfsteel.com/ZouYonghui/archive/2011/07/21/354818.htmlhttp://www.aygfsteel.com/ZouYonghui/comments/354818.htmlhttp://www.aygfsteel.com/ZouYonghui/archive/2011/07/21/354818.html#Feedback0http://www.aygfsteel.com/ZouYonghui/comments/commentRss/354818.htmlhttp://www.aygfsteel.com/ZouYonghui/services/trackbacks/354818.html1.利用数组在列表中昄¡¤ºåå­—
    (1)¾Uµå‘昄¡¤º
    å¦?<script type="text/javascript>
                $(document).ready(function(){
                        var member = ["John","Kate","Peter"];
                        $('p').html(member.join('<br />'));
                }
        </script>
    åQ?åQ‰æ˜¾½Cºåå­—及其在数组中所在位¾|?br />    å¦?<script type="text/javascript>
            $(document).ready(function(){
            var member = ["John","Kate","Peter"];
            $.each(member,function(n,value){
            $('ol').append($('<li>'+value+'</li>'));
            });
        });
        </script>
     (3)利用Html元素创徏数组及计数数¾l„的长度
        $(document).ready(function(){

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



]]>
一.jQuery基础http://www.aygfsteel.com/ZouYonghui/archive/2011/07/21/354815.htmlTerry ZouTerry ZouThu, 21 Jul 2011 11:33:00 GMThttp://www.aygfsteel.com/ZouYonghui/archive/2011/07/21/354815.htmlhttp://www.aygfsteel.com/ZouYonghui/comments/354815.htmlhttp://www.aygfsteel.com/ZouYonghui/archive/2011/07/21/354815.html#Feedback0http://www.aygfsteel.com/ZouYonghui/comments/commentRss/354815.htmlhttp://www.aygfsteel.com/ZouYonghui/services/trackbacks/354815.html一.jQuery基础

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



]]>
Ö÷Õ¾Ö©Öë³ØÄ£°å£º »ÆÊ¯ÊÐ| ÎâÆìÏØ| ®½­ÏØ| ÖÜÖÁÏØ| ³Ç¹ÌÏØ| Ëç±õÏØ| Öг¬| зáÏØ| ¿Æ¼¼| ÈýÃÅÏØ| ׿×ÊÏØ| äÀ´¨ÏØ| ËçµÂÏØ| ¾¸ÖÝ| ÆÁ±ß| ÆÎÌïÊÐ| ÔúÀ¼ÍÍÊÐ| ÏÌ·áÏØ| ´óÌïÏØ| ·ÚÑôÊÐ| ºéÔóÏØ| ºÓ½òÊÐ| ½»³ÇÏØ| ÇúÖÜÏØ| ¶«Ïç×å×ÔÖÎÏØ| ÎäÇ¿ÏØ| ÄáÀÕ¿ËÏØ| º£Ô­ÏØ| ¦µ×ÊÐ| ÊÙ¹âÊÐ| ÓéÀÖ| ÎäѨÊÐ| ÎäÒØÏØ| Çå·áÏØ| °ÍÇàÏØ| ÉÏÀõÏØ| ÁùÖ¦ÌØÇø| ÉÇβÊÐ| ãþ´¨ÏØ| Ǭ°²ÏØ| ãëÉÏÏØ|