{"id":816,"date":"2012-05-21T21:18:24","date_gmt":"2012-05-21T13:18:24","guid":{"rendered":"http:\/\/www.poloo.org\/?p=816"},"modified":"2012-05-21T21:18:24","modified_gmt":"2012-05-21T13:18:24","slug":"%e7%9b%b8%e5%af%b9%e5%ae%9e%e7%94%a8%e7%9a%84jquery%e4%bb%a3%e7%a0%81%e6%ae%b5","status":"publish","type":"post","link":"https:\/\/www.poloo.org\/?p=816","title":{"rendered":"\u76f8\u5bf9\u5b9e\u7528\u7684jQuery\u4ee3\u7801\u6bb5"},"content":{"rendered":"<p>1. \u5982\u4f55\u4fee\u6539jQuery\u9ed8\u8ba4\u7f16\u7801\uff08\u4f8b\u5982\u9ed8\u8ba4UTF-8\u6539\u6210\u6539GB2312\uff09\uff1a<\/p>\n<pre class=\"brush:js\">$.ajaxSetup({\r\n ajaxSettings:{ contentType:\"application\/x-www-form-urlencoded;chartset=GB2312\"} \r\n});<\/pre>\n<p>2. \u89e3\u51b3jQuery, prototype\u5171\u5b58\uff0c$\u5168\u5c40\u53d8\u91cf\u51b2\u7a81\u95ee\u9898\uff1a<\/p>\n<pre class=\"brush:js\">\r\n<script src=\"prototype.js\"><\/script>\r\n<script src=\"http:\/\/blogbeta.blueidea.com\/jquery.js\"><\/script>\r\n<script type=\"text\/javascript\">\r\n       jQuery.noConflict();\r\n<\/script> \r\n<\/pre>\n<p>\u6ce8\u610f\uff1a\u4e00\u5b9a\u8981\u5148\u5f15\u5165prototype.js \u518d\u5f15\u5165jquery.js\uff0c\u5148\u540e\u987a\u5e8f\u4e0d\u53ef\u9519\u3002<\/p>\n<p>3. jQuery \u5224\u65ad\u5143\u7d20\u4e0a\u662f\u5426\u7ed1\u5b9a\u4e86\u4e8b\u4ef6<\/p>\n<pre class=\"brush:js\">\r\n\/\/jQuery event\u5c01\u88c5\u652f\u6301\u5224\u65ad\u5143\u7d20\u4e0a\u662f\u5426\u7ed1\u5b9a\u4e86\u4e8b\u4ef6\uff0c\u6b64\u65b9\u6cd5\u53ea\u9002\u7528\u4e8ejQuery\u7ed1\u5b9a\u7684\u4e8b\u4ef6 \r\nvar $events = $(\"#foo\").data(\"events\");\r\nif( $events && $events[\"click\"] ){\r\n\u3000\u3000\/\/your code\r\n } \r\n<\/pre>\n<p><!--more--><\/p>\n<p>4. \u5982\u4f55\u4f7f\u7528jQuery\u6765\u5207\u6362\u6837\u5f0f\u8868<\/p>\n<pre class=\"brush:js\">\r\n\/\/\u627e\u51fa\u4f60\u5e0c\u671b\u5207\u6362\u7684\u5a92\u4f53\u7c7b\u578b\uff08media-type\uff09\uff0c\u7136\u540e\u628ahref\u8bbe\u7f6e\u6210\u65b0\u7684\u6837\u5f0f\u8868\u3002 \r\n$('link[media='screen']').attr('href', 'alternative.css');\r\n<\/pre>\n<p>5. \u5982\u4f55\u9650\u5236\u9009\u62e9\u8303\u56f4\uff08\u57fa\u4e8e\u4f18\u5316\u76ee\u7684\uff09\uff1a<\/p>\n<pre class=\"brush:js\">\r\n\/\/\u5c3d\u53ef\u80fd\u4f7f\u7528\u6807\u7b7e\u540d\u6765\u4f5c\u4e3a\u7c7b\u540d\u7684\u524d\u7f00\uff0c \r\n\/\/\u8fd9\u6837jQuery\u5c31\u4e0d\u9700\u8981\u82b1\u8d39\u66f4\u591a\u7684\u65f6\u95f4\u6765\u641c\u7d22 \r\n\/\/\u4f60\u60f3\u8981\u7684\u5143\u7d20\u3002\u8fd8\u8981\u8bb0\u4f4f\u7684\u4e00\u70b9\u662f\uff0c \r\n\/\/\u9488\u5bf9\u4e8e\u4f60\u7684\u9875\u9762\u4e0a\u7684\u5143\u7d20\u7684\u64cd\u4f5c\u8d8a\u5177\u4f53\u5316\uff0c \r\n\/\/\u5c31\u8d8a\u80fd\u964d\u4f4e\u6267\u884c\u548c\u641c\u7d22\u7684\u65f6\u95f4\u3002 \r\nvar in_stock = $('#shopping_cart_items input.is_in_stock');\r\n<ul id=\"shopping_cart_items\">\r\n \u3000\u3000<li><input type=\"radio\" value=\"Item-X\" name=\"item\" class=\"is_in_stock\" \/> Item X<\/li>\r\n \u3000\u3000<li><input type=\"radio\" value=\"Item-Y\" name=\"item\" class=\"3-5_days\" \/> Item Y<\/li>\r\n \u3000\u3000<li><input type=\"radio\" value=\"Item-Z\" name=\"item\" class=\"unknown\" \/> Item Z<\/li>\r\n<\/ul>\r\n<\/pre>\n<p>6. \u5982\u4f55\u6b63\u786e\u5730\u4f7f\u7528toggleClass\uff1a<\/p>\n<pre class=\"brush:js\">\r\n\/\/\u5207\u6362\uff08toggle\uff09\u7c7b\u5141\u8bb8\u4f60\u6839\u636e\u67d0\u4e2a\u7c7b\u7684 \r\n\/\/\u662f\u5426\u5b58\u5728\u6765\u6dfb\u52a0\u6216\u662f\u5220\u9664\u8be5\u7c7b\u3002 \r\n\/\/\u8fd9\u79cd\u60c5\u51b5\u4e0b\u6709\u4e9b\u5f00\u53d1\u8005\u4f7f\u7528\uff1a \r\na.hasClass('blueButton') ? a.removeClass('blueButton') : a.addClass('blueButton');\r\n\/\/toggleClass\u5141\u8bb8\u4f60\u4f7f\u7528\u4e0b\u9762\u7684\u8bed\u53e5\u6765\u5f88\u5bb9\u6613\u5730\u505a\u5230\u8fd9\u4e00\u70b9 \r\na.toggleClass('blueButton');\r\n<\/pre>\n<p>7. \u5982\u4f55\u8bbe\u7f6eIE\u7279\u6709\u7684\u529f\u80fd\uff1a<\/p>\n<pre class=\"brush:js\">\r\nif ($.browser.msie) {\/\/ Internet Explorer\u5c31\u662f\u4e2a\u8650\u5f85\u72c2 }\r\n<\/pre>\n<p>8. \u5982\u4f55\u4f7f\u7528jQuery\u6765\u4ee3\u66ff\u4e00\u4e2a\u5143\u7d20\uff1a<\/p>\n<pre class=\"brush:js\">\r\n$('#thatdiv').replaceWith('fnuh');\r\n<\/pre>\n<p>9. \u5982\u4f55\u9a8c\u8bc1\u67d0\u4e2a\u5143\u7d20\u662f\u5426\u4e3a\u7a7a\uff1a<\/p>\n<pre class=\"brush:js\">\r\n\/\/ \u65b9\u6cd5\u4e00 \r\nif (! $('#keks').html()) {\r\n\/\/\u4ec0\u4e48\u90fd\u6ca1\u6709\u627e\u5230; \r\n}\r\n\r\n\/\/ \u65b9\u6cd5\u4e8c \r\nif ($('#keks').is(\":empty\")) {\r\n\/\/\u4ec0\u4e48\u90fd\u6ca1\u6709\u627e\u5230; \r\n}\r\n<\/pre>\n<p>10. \u5982\u4f55\u4ece\u4e00\u4e2a\u672a\u6392\u5e8f\u7684\u96c6\u5408\u4e2d\u627e\u51fa\u67d0\u4e2a\u5143\u7d20\u7684\u7d22\u5f15\u53f7<\/p>\n<pre class=\"brush:js\">\r\n$(\"ul > li\").click(function () {\r\n\u3000\u3000var index = $(this).prevAll().length; \r\n\/\/prevAll([expr]): \u67e5\u627e\u5f53\u524d\u5143\u7d20\u4e4b\u524d\u6240\u6709\u7684\u540c\u8f88\u5143\u7d20 \r\n});\r\n<\/pre>\n<p>11. \u5982\u4f55\u628a\u51fd\u6570\u7ed1\u5b9a\u5230\u4e8b\u4ef6\u4e0a\uff1a<\/p>\n<pre class=\"brush:js\">\r\n\r\n\/\/\u65b9\u6cd5\u4e00 \r\n$('#foo').click(function(event) { \r\n\u3000\u3000alert('User clicked on \"foo.\"'); \r\n}); \r\n\/\/\u65b9\u6cd5\u4e8c, \u652f\u6301\u52a8\u6001\u4f20\u53c2 \r\n$('#foo').bind('click', {test1:\"abc\", test2:\"123\"}, function(event) { \r\n\u3000\u3000alert('User clicked on \"foo.\"' + event.data.test1 + event.data.test2 ); \r\n}); \r\n<\/pre>\n<p>12. \u5982\u4f55\u8ffd\u52a0\u6216\u662f\u6dfb\u52a0html\u5230\u5143\u7d20\u4e2d\uff1a<\/p>\n<pre class=\"brush:js\">\r\n$('#lal').append('sometext'); \r\n<\/pre>\n<p>13. \u5728\u521b\u5efa\u5143\u7d20\u65f6\uff0c\u5982\u4f55\u4f7f\u7528\u5bf9\u8c61\u5b57\u9762\u91cf\uff08literal\uff09\u6765\u5b9a\u4e49\u5c5e\u6027<\/p>\n<pre class=\"brush:js\">\r\nvar e = $(\"\", { href: \"#\", class: \"a-class another-class\", title: \"...\" }); \r\n<\/pre>\n<p>14. \u5982\u4f55\u4f7f\u7528\u591a\u4e2a\u5c5e\u6027\u6765\u8fdb\u884c\u8fc7\u6ee4<\/p>\n<pre class=\"brush:js\">\r\n\/\/\u5728\u4f7f\u7528\u8bb8\u591a\u76f8\u7c7b\u4f3c\u7684\u6709\u7740\u4e0d\u540c\u7c7b\u578b\u7684input\u5143\u7d20\u65f6\uff0c  \r\n\/\/\u8fd9\u79cd\u57fa\u4e8e\u7cbe\u786e\u5ea6\u7684\u65b9\u6cd5\u5f88\u6709\u7528  \r\nvar elements = $('#someid input[type=sometype][value=somevalue]').get(); \r\n<\/pre>\n<p>15. \u5982\u4f55\u4f7f\u7528jQuery\u6765\u9884\u52a0\u8f7d\u56fe\u50cf\uff1a<\/p>\n<pre class=\"brush:js\">\r\njQuery.preloadImages = function() {\r\n \u3000\u3000for(var i = 0; i < arguments.length; i++) { \r\n\u3000\u3000\u3000\u3000$(\"<img \/>\").attr('src', arguments[i]); \r\n\u3000\u3000}\r\n}; \r\n\/\/\u7528\u6cd5  $.preloadImages('image1.gif', '\/path\/to\/image2.png', 'some\/image3.jpg'); \r\n<\/pre>\n<p>16. \u5982\u4f55\u4e3a\u4efb\u4f55\u4e0e\u9009\u62e9\u5668\u76f8\u5339\u914d\u7684\u5143\u7d20\u8bbe\u7f6e\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f\uff1a<\/p>\n<pre class=\"brush:js\">\r\n$('button.someClass').live('click', someFunction); \r\n\/\/\u6ce8\u610f\uff0c\u5728jQuery 1.4.2\u4e2d\uff0cdelegate\u548cundelegate\u9009\u9879  \r\n\/\/\u88ab\u5f15\u5165\u4ee3\u66fflive\uff0c\u56e0\u4e3a\u5b83\u4eec\u63d0\u4f9b\u4e86\u66f4\u597d\u7684\u4e0a\u4e0b\u6587\u652f\u6301  \r\n\/\/\u4f8b\u5982\uff0c\u5c31table\u6765\u8bf4\uff0c\u4ee5\u524d\u4f60\u4f1a\u7528 \r\n$(\"table\").each(function(){ \r\n\u3000\u3000$(\"td\", this).live(\"hover\", function(){ \r\n\u3000\u3000\u3000\u3000$(this).toggleClass(\"hover\"); \r\n\u3000\u3000}); \r\n}); \r\n\/\/\u73b0\u5728\u7528  \r\n$(\"table\").delegate(\"td\", \"hover\", function(){ \r\n\u3000\u3000$(this).toggleClass(\"hover\"); \r\n}); \r\n<\/pre>\n<p>17. \u5982\u4f55\u627e\u5230\u4e00\u4e2a\u5df2\u7ecf\u88ab\u9009\u4e2d\u7684option\u5143\u7d20\uff1a<\/p>\n<pre class=\"brush:js\">\r\n$('#someElement').find('option:selected'); \r\n<\/pre>\n<p>18. \u5982\u4f55\u9690\u85cf\u4e00\u4e2a\u5305\u542b\u4e86\u67d0\u4e2a\u503c\u6587\u672c\u7684\u5143\u7d20\uff1a<\/p>\n<pre class=\"brush:js\">\r\n$(\"p.value:contains('thetextvalue')\").hide(); \r\n<\/pre>\n<p>19. \u5982\u4f55\u521b\u5efa\u5d4c\u5957\u7684\u8fc7\u6ee4\u5668\uff1a<\/p>\n<pre class=\"brush:js\">\r\n\/\/\u5141\u8bb8\u4f60\u51cf\u5c11\u96c6\u5408\u4e2d\u7684\u5339\u914d\u5143\u7d20\u7684\u8fc7\u6ee4\u5668\uff0c \r\n\/\/\u53ea\u5269\u4e0b\u90a3\u4e9b\u4e0e\u7ed9\u5b9a\u7684\u9009\u62e9\u5668\u5339\u914d\u7684\u90e8\u5206\u3002\u5728\u8fd9\u79cd\u60c5\u51b5\u4e0b\uff0c \r\n\/\/\u67e5\u8be2\u5220\u9664\u4e86\u4efb\u4f55\u6ca1\uff08:not\uff09\u6709\uff08:has\uff09 \r\n\/\/\u5305\u542bclass\u4e3a\u201cselected\u201d\uff08.selected\uff09\u7684\u5b50\u8282\u70b9\u3002 \r\n.filter(\":not(:has(.selected))\")\r\n<\/pre>\n<p>20. \u5982\u4f55\u68c0\u6d4b\u5404\u79cd\u6d4f\u89c8\u5668\uff1a<\/p>\n<p>\u68c0\u6d4bSafari (if( $.browser.safari)),<br \/>\n\u68c0\u6d4bIE6\u53ca\u4e4b\u540e\u7248\u672c (if ($.browser.msie &#038;&#038; $.browser.version > 6 )),<br \/>\n\u68c0\u6d4bIE6\u53ca\u4e4b\u524d\u7248\u672c (if ($.browser.msie &#038;&#038; $.browser.version <= 6 )),  \n\u68c0\u6d4bFireFox 2\u53ca\u4e4b\u540e\u7248\u672c (if ($.browser.mozilla &#038;&#038; $.browser.version >= &#8216;1.8&#8217; ))<\/p>\n<p>21. \u4efb\u4f55\u4f7f\u7528has()\u6765\u68c0\u67e5\u67d0\u4e2a\u5143\u7d20\u662f\u5426\u5305\u542b\u67d0\u4e2a\u7c7b\u6216\u662f\u5143\u7d20\uff1a<\/p>\n<pre class=\"brush:js\">\r\n\/\/jQuery 1.4.*\u5305\u542b\u4e86\u5bf9\u8fd9\u4e00has\u65b9\u6cd5\u7684\u652f\u6301\u3002 \r\n\/\/\u8be5\u65b9\u6cd5\u627e\u51fa\u67d0\u4e2a\u5143\u7d20\u662f\u5426\u5305\u542b\u4e86\u5176\u4ed6\u53e6\u4e00\u4e2a\u5143\u7d20\u7c7b\u6216\u662f\u5176\u4ed6\u4efb\u4f55\u7684\u4f60\u6b63\u5728\u67e5\u627e\u5e76\u8981\u5728\u5176\u4e4b\u4e0a\u8fdb\u884c\u64cd\u4f5c\u7684\u4e1c\u4e1c\u3002 \r\n$(\"input\").has(\".email\").addClass(\"email_icon\");\r\n<\/pre>\n<p>22. \u5982\u4f55\u7981\u7528\u53f3\u952e\u5355\u51fb\u4e0a\u4e0b\u6587\u83dc\u5355\uff1a<\/p>\n<pre class=\"brush:js\">\r\n$(document).bind('contextmenu',function(e){ \r\n\u3000\u3000return false; \r\n}); \r\n<\/pre>\n<p>23. \u5982\u4f55\u5b9a\u4e49\u4e00\u4e2a\u5b9a\u5236\u7684\u9009\u62e9\u5668<\/p>\n<pre class=\"brush:js\">\r\n$.expr[':'].mycustomselector = function(element, index, meta, stack){ \r\n\/\/ element- \u4e00\u4e2aDOM\u5143\u7d20  \r\n\/\/ index \u2013 \u6808\u4e2d\u7684\u5f53\u524d\u5faa\u73af\u7d22\u5f15  \r\n\/\/ meta \u2013 \u6709\u5173\u9009\u62e9\u5668\u7684\u5143\u6570\u636e  \r\n\/\/ stack \u2013 \u8981\u5faa\u73af\u7684\u6240\u6709\u5143\u7d20\u7684\u6808  \r\n\/\/ \u5982\u679c\u5305\u542b\u4e86\u5f53\u524d\u5143\u7d20\u5c31\u8fd4\u56detrue  \r\n\/\/ \u5982\u679c\u4e0d\u5305\u542b\u5f53\u524d\u5143\u7d20\u5c31\u8fd4\u56defalse };  \r\n\/\/ \u5b9a\u5236\u9009\u62e9\u5668\u7684\u7528\u6cd5\uff1a  \r\n$('.someClasses:test').doSomething(); \r\n<\/pre>\n<p>24. \u5982\u4f55\u68c0\u67e5\u67d0\u4e2a\u5143\u7d20\u662f\u5426\u5b58\u5728<\/p>\n<pre class=\"brush:js\">\r\nif ($('#someDiv').length) {\r\n \/\/\u4e07\u5c81\uff01\uff01\uff01\u5b83\u5b58\u5728\u2026\u2026 \r\n} \r\n<\/pre>\n<p>25. \u5982\u4f55\u4f7f\u7528jQuery\u6765\u68c0\u6d4b\u53f3\u952e\u548c\u5de6\u952e\u7684\u9f20\u6807\u5355\u51fb\u4e24\u79cd\u60c5\u51b5\uff1a<\/p>\n<pre class=\"brush:js\">\r\n$(\"#someelement\").live('click', function(e) { \r\n    if( (!$.browser.msie && e.button == 0) || ($.browser.msie && e.button == 1) ) { \r\n        alert(\"Left Mouse Button Clicked\"); \r\n    } else if(e.button == 2) { \r\n        alert(\"Right Mouse Button Clicked\"); \r\n    }\r\n});\r\n<\/pre>\n<p>26. \u5982\u4f55\u66ff\u6362\u4e32\u4e2d\u7684\u8bcd<\/p>\n<pre class=\"brush:js\">\r\nvar el = $('#id'); \r\nel.html(el.html().replace(\/word\/ig, '')); \r\n<\/pre>\n<p>27. \u5982\u4f55\u5728\u4e00\u6bb5\u65f6\u95f4\u4e4b\u540e\u81ea\u52a8\u9690\u85cf\u6216\u5173\u95ed\u5143\u7d20\uff08\u652f\u63011.4\u7248\u672c\uff09\uff1a<\/p>\n<pre class=\"brush:js\">\r\n\/\/\u8fd9\u662f1.3.2\u4e2d\u6211\u4eec\u4f7f\u7528setTimeout\u6765\u5b9e\u73b0\u7684\u65b9\u5f0f  \r\nsetTimeout(function() { \r\n$('.mydiv').hide('blind', {}, 500) \r\n}, 5000); \r\n\/\/\u800c\u8fd9\u662f\u57281.4\u4e2d\u53ef\u4ee5\u4f7f\u7528delay()\u8fd9\u4e00\u529f\u80fd\u6765\u5b9e\u73b0\u7684\u65b9\u5f0f\uff08\u8fd9\u5f88\u50cf\u662f\u4f11\u7720\uff09  \r\n$(\".mydiv\").delay(5000).hide('blind', {}, 500); \r\n<\/pre>\n<p>28. \u5982\u4f55\u628a\u5df2\u521b\u5efa\u7684\u5143\u7d20\u52a8\u6001\u5730\u6dfb\u52a0\u5230DOM\u4e2d\uff1a<\/p>\n<pre class=\"brush:js\">\r\nvar newDiv = $('<div><\/div>'); \r\nnewDiv.attr('id','myNewDiv').appendTo('body'); \r\n<\/pre>\n<p>29. \u5982\u4f55\u9650\u5236\u201cText-Area\u201d\u57df\u4e2d\u7684\u5b57\u7b26\u7684\u4e2a\u6570\uff1a<\/p>\n<pre class=\"brush:js\">\r\njQuery.fn.maxLength = function(max){ \r\n    return this.each(function(){\r\n        var type = this.tagName.toLowerCase(); \r\n        var inputType = this.type? this.type.toLowerCase() : null; \r\n        if(type == \"input\" && inputType == \"text\" || inputType == \"password\"){ \r\n            \/\/Apply the standard maxLength              this.maxLength = max; \r\n        } else if(type == \"textarea\"){\r\n            this.onkeypress = function(e){ \r\n                var ob = e || event; \r\n                var keyCode = ob.keyCode; \r\n                var hasSelection = document.selection? document.selection.createRange().text.length > 0 : this.selectionStart != this.selectionEnd; \r\n                return !(this.value.length >= max && (keyCode > 50 || keyCode == 32 || keyCode == 0 || keyCode == 13) && !ob.ctrlKey && !ob.altKey && !hasSelection); \r\n            }; \r\n            this.onkeyup = function(){ \r\n                if(this.value.length > max){ \r\n                    this.value = this.value.substring(0,max); \r\n                } \r\n            };\r\n        }\r\n    });\r\n};\/\/\u7528\u6cd5  $('#mytextarea').maxLength(500); \r\n<\/pre>\n<p>30. \u5982\u4f55jQuery\u6ce8\u518c\u548c\u7981\u7528jQuery\u5168\u5c40\u4e8b\u4ef6<\/p>\n<pre class=\"brush:js\">\r\n\/\/jQuery\u6ce8\u518cajax\u5168\u5c40\u4e8b\u4ef6ajaxStart\uff0cajaxStop\uff1a \r\n$(document).ajaxStart(function(){\r\n    $(\"#background,#progressBar\").show();\r\n}).ajaxStop(function(){\r\n    $(\"#background,#progressBar\").hide();\r\n});\r\n\/\/ajax\u8bf7\u6c42\u7981\u7528\u5168\u5c40\u4e8b\u4ef6\uff1a$.ajax() \u6709\u4e2a\u53c2\u6570global (\u9ed8\u8ba4: true) \r\n\/\/\u662f\u5426\u89e6\u53d1\u5168\u5c40 AJAX \u4e8b\u4ef6.\u8bbe\u7f6e\u4e3a false \u5c06\u4e0d\u4f1a\u89e6\u53d1\u5168\u5c40 AJAX \u4e8b\u4ef6\uff0c\r\n\/\/\u5982 ajaxStart \u6216 ajaxStop \u53ef\u7528\u4e8e\u63a7\u5236\u4e0d\u540c\u7684 Ajax \u4e8b\u4ef6\u3002\r\n<\/pre>\n<p>31. \u5982\u4f55\u5728jQuery\u4e2d\u514b\u9686\u4e00\u4e2a\u5143\u7d20\uff1a<\/p>\n<pre class=\"brush:js\">\r\nvar cloned = $('#somediv').clone(); \r\n<\/pre>\n<p>32. \u5728jQuery\u4e2d\u5982\u4f55\u6d4b\u8bd5\u67d0\u4e2a\u5143\u7d20\u662f\u5426\u53ef\u89c1<\/p>\n<pre class=\"brush:js\">\r\nif($(element).is(':visible')) {\r\n \u3000\u3000\/\/\u8be5\u5143\u7d20\u662f\u53ef\u89c1\u7684\r\n  } \r\n<\/pre>\n<p>33. \u5982\u4f55\u628a\u4e00\u4e2a\u5143\u7d20\u653e\u5728\u5c4f\u5e55\u7684\u4e2d\u5fc3\u4f4d\u7f6e\uff1a<\/p>\n<pre class=\"brush:js\">\r\njQuery.fn.center = function () { \r\n\u3000\u3000return this.each(function(){\r\n\u3000\u3000\u3000\u3000$(this).css({\r\n\u3000\u3000\u3000\u3000\u3000\u3000position:'absolute',\r\n\u3000\u3000\u3000\u3000\u3000\u3000top, ( $(window).height() - this.height() ) \/ 2 + $(window).scrollTop() + 'px', \r\n\u3000\u3000\u3000\u3000\u3000\u3000left, ( $(window).width() - this.width() ) \/ 2 + $(window).scrollLeft() + 'px' \u3000\u3000\u3000\u3000});\r\n\u3000\u3000});\r\n}\/\/\u8fd9\u6837\u6765\u4f7f\u7528\u4e0a\u9762\u7684\u51fd\u6570\uff1a   $(element).center(); \r\n<\/pre>\n<p>34. \u5982\u4f55\u628a\u6709\u7740\u67d0\u4e2a\u7279\u5b9a\u540d\u79f0\u7684\u6240\u6709\u5143\u7d20\u7684\u503c\u90fd\u653e\u5230\u4e00\u4e2a\u6570\u7ec4\u4e2d\uff1a<\/p>\n<pre class=\"brush:js\">\r\nvar arrInputValues = new Array(); \r\n$(\"input[name='xxx']\").each(function(){ \r\n\u3000\u3000arrInputValues.push($(this).val());\r\n}); \r\n<\/pre>\n<p>35. \u5982\u4f55\u4ece\u5143\u7d20\u4e2d\u9664\u53bbHTML<\/p>\n<pre class=\"brush:js\">\r\n(function($) { \r\n$.fn.stripHtml = function() { \r\n\u3000\u3000var regexp = \/<(\"[^\"]*\"|'[^']*'|[^'\">])*>\/gi; \r\n\u3000\u3000this.each(function() { \r\n\u3000\u3000\u3000\u3000$(this).html( $(this).html().replace(regexp,'') ); \r\n\u3000\u3000});\r\n\u3000\u3000return $(this); \r\n} \r\n})(jQuery); \/\/\u7528\u6cd5\uff1a  $('p').stripHtml(); \r\n\r\n<\/pre>\n<p>36. \u5982\u4f55\u4f7f\u7528closest\u6765\u53d6\u5f97\u7236\u5143\u7d20\uff1a<\/p>\n<pre class=\"brush:js\">\r\n$('#searchBox').closest('div'); \r\n\r\n<\/pre>\n<p>37. \u5982\u4f55\u4f7f\u7528Firebug\u548cFirefox\u6765\u8bb0\u5f55jQuery\u4e8b\u4ef6\u65e5\u5fd7\uff1a<\/p>\n<pre class=\"brush:js\">\r\n\/\/ \u5141\u8bb8\u94fe\u5f0f\u65e5\u5fd7\u8bb0\u5f55 \r\njQuery.log = jQuery.fn.log = function (msg) {\r\n \u3000\u3000if (console){ \r\n\u3000\u3000\u3000\u3000console.log(\"%s: %o\", msg, this); \r\n\u3000\u3000}\u3000\u3000return this; \r\n};\r\n\/\/ \u7528\u6cd5\uff1a  \r\n$('#someDiv').hide().log('div hidden').addClass('someClass');  \r\n<\/pre>\n<p>38. \u5982\u4f55\u5f3a\u5236\u5728\u5f39\u51fa\u7a97\u53e3\u4e2d\u6253\u5f00\u94fe\u63a5\uff1a<\/p>\n<pre class=\"brush:js\">\r\n$('a.popup').live('click', function(){ \r\n\u3000\u3000var newwindow = window.open($(this).attr('href'),'','height=200,width=150'); \r\n\u3000\u3000if (window.focus) { \r\n\u3000\u3000\u3000\u3000newwindow.focus(); \r\n\u3000\u3000} \r\n\u3000\u3000return false;\r\n}); \r\n<\/pre>\n<p>39. \u5982\u4f55\u5f3a\u5236\u5728\u65b0\u7684\u9009\u9879\u5361\u4e2d\u6253\u5f00\u94fe\u63a5\uff1a<\/p>\n<pre class=\"brush:js\">\r\n$('a.newTab').live('click', function(){ \r\n\u3000\u3000var newwindow=window.open(this.href); \r\n\u3000\u3000$(this).target = \"_blank\"; \r\n\u3000\u3000return false; \r\n}); \r\n<\/pre>\n<p>40. \u5728jQuery\u4e2d\u5982\u4f55\u4f7f\u7528.siblings()\u6765\u9009\u62e9\u540c\u8f88\u5143\u7d20<\/p>\n<pre class=\"brush:js\">\r\n\/\/ \u4e0d\u8fd9\u6837\u505a  \r\n$('#nav li').click(function(){ \r\n\u3000\u3000$('#nav li').removeClass('active'); \r\n\u3000\u3000$(this).addClass('active'); \r\n});\r\n\/\/\u66ff\u4ee3\u505a\u6cd5\u662f  \r\n$('#nav li').click(function(){ \r\n\u3000\u3000$(this).addClass('active').siblings().removeClass('active'); \r\n});\r\n<\/pre>\n<p>41. \u5982\u4f55\u5207\u6362\u9875\u9762\u4e0a\u7684\u6240\u6709\u590d\u9009\u6846\uff1a<\/p>\n<pre class=\"brush:js\">\r\nvar tog = false; \r\n\/\/ \u6216\u8005\u4e3atrue\uff0c\u5982\u679c\u5b83\u4eec\u5728\u52a0\u8f7d\u65f6\u4e3a\u88ab\u9009\u4e2d\u72b6\u6001\u7684\u8bdd  \r\n$('a').click(function() { \r\n\u3000\u3000$(\"input[type=checkbox]\").attr(\"checked\",!tog); \r\n\u3000\u3000tog = !tog;\r\n});\r\n<\/pre>\n<p>42. \u5982\u4f55\u57fa\u4e8e\u4e00\u4e9b\u8f93\u5165\u6587\u672c\u6765\u8fc7\u6ee4\u4e00\u4e2a\u5143\u7d20\u5217\u8868\uff1a<\/p>\n<pre class=\"brush:js\">\r\n\/\/\u5982\u679c\u5143\u7d20\u7684\u503c\u548c\u8f93\u5165\u7684\u6587\u672c\u76f8\u5339\u914d\u7684\u8bdd,\u8be5\u5143\u7d20\u5c06\u88ab\u8fd4\u56de  \r\n$('.someClass').filter(function() { \r\n\u3000\u3000return $(this).attr('value') == $('input#someId').val(); \r\n}) \r\n<\/pre>\n<p>43. \u5982\u4f55\u83b7\u5f97\u9f20\u6807\u57ab\u5149\u6807\u4f4d\u7f6ex\u548cy<\/p>\n<pre class=\"brush:js\">\r\n$(document).ready(function() { \r\n\u3000\u3000$(document).mousemove(function(e){ \r\n\u3000\u3000\u3000\u3000$(\u2019#XY\u2019).html(\u201dX Axis : \u201d + e.pageX + \u201d | Y Axis \u201d + e.pageY); \r\n\u3000\u3000});\r\n});\r\n<\/pre>\n<p>44. \u5982\u4f55\u6269\u5c55String\u5bf9\u8c61\u7684\u65b9\u6cd5<\/p>\n<pre class=\"brush:js\">\r\n$.extend(String.prototype, {\r\n        isPositiveInteger:function(){\r\n            return (new RegExp(\/^[1-9]\\d*$\/).test(this));\r\n        },\r\n        isInteger:function(){\r\n            return (new RegExp(\/^\\d+$\/).test(this));\r\n        },\r\n        isNumber: function(value, element) {\r\n            return (new RegExp(\/^-?(?:\\d+|\\d{1,3}(?:,\\d{3})+)(?:\\.\\d+)?$\/).test(this));\r\n        },\r\n        trim:function(){\r\n            return this.replace(\/(^\\s*)|(\\s*$)|\\r|\\n\/g, \"\");\r\n        },\r\n        trans:function() {\r\n            return this.replace(\/&lt;\/g, '<').replace(\/&gt;\/g,'>').replace(\/&quot;\/g, '\"');\r\n        },\r\n        replaceAll:function(os, ns) {\r\n            return this.replace(new RegExp(os,\"gm\"),ns);\r\n        },         skipChar:function(ch) {\r\n            if (!this || this.length===0) {return '';}\r\n            if (this.charAt(0)===ch) {return this.substring(1).skipChar(ch);}\r\n            return this;\r\n        },\r\n        isValidPwd:function() {\r\n            return (new RegExp(\/^([_]|[a-zA-Z0-9]){6,32}$\/).test(this)); \r\n        },\r\n        isValidMail:function(){\r\n            return(new RegExp(\/^\\w+((-\\w+)|(\\.\\w+))*\\@[A-Za-z0-9]+((\\.|-)[A-Za-z0-9]+)*\\.[A-Za-z0-9]+$\/).test(this.trim()));\r\n        },\r\n        isSpaces:function() {\r\n            for(var i=0; i<this.length; i+=1) {\r\n                var ch = this.charAt(i);\r\n                if (ch!=' '&#038;&#038; ch!=\"\\n\" &#038;&#038; ch!=\"\\t\" &#038;&#038; ch!=\"\\r\") {return false;}\r\n            }\r\n            return true;\r\n        },\r\n        isPhone:function() {\r\n            return (new RegExp(\/(^([0-9]{3,4}[-])?\\d{3,8}(-\\d{1,6})?$)|(^\\([0-9]{3,4}\\)\\d{3,8}(\\(\\d{1,6}\\))?$)|(^\\d{3,8}$)\/).test(this));\r\n        },\r\n        isUrl:function(){\r\n            return (new RegExp(\/^[a-zA-z]+:\\\/\\\/([a-zA-Z0-9\\-\\.]+)([-\\w .\\\/?%&#038;=:]*)$\/).test(this));\r\n        },\r\n        isExternalUrl:function(){\r\n            return this.isUrl() &#038;&#038; this.indexOf(\":\/\/\"+document.domain) == -1;\r\n        }\r\n    });\r\n\r\n<\/pre>\n<p>45. \u5982\u4f55\u89c4\u8303\u5316\u5199JQuery\u63d2\u4ef6\uff1a<\/p>\n<pre class=\"brush:js\">\r\n(function($){\r\n    $.fn.extend({\r\n        pluginOne: function(){\r\n            return this.each(function(){\r\n                \/\/ my code\r\n             });\r\n        },\r\n        pluginTwo: function(){\r\n            return this.each(function(){\r\n                \/\/ my code\r\n             });\r\n        }\r\n    });\r\n})(jQuery);\r\n<\/pre>\n<p>46. \u5982\u4f55\u68c0\u67e5\u56fe\u50cf\u662f\u5426\u5df2\u7ecf\u88ab\u5b8c\u5168\u52a0\u8f7d\u8fdb\u6765<\/p>\n<pre class=\"brush:js\">\r\n$('#theImage').attr('src', 'image.jpg').load(function() { \r\n\u3000\u3000alert('This Image Has Been Loaded'); \r\n}); \r\n\r\n<\/pre>\n<p>47. \u5982\u4f55\u4f7f\u7528jQuery\u6765\u4e3a\u4e8b\u4ef6\u6307\u5b9a\u547d\u540d\u7a7a\u95f4\uff1a<\/p>\n<pre class=\"brush:js\">\r\n\/\/\u4e8b\u4ef6\u53ef\u4ee5\u8fd9\u6837\u7ed1\u5b9a\u547d\u540d\u7a7a\u95f4  \r\n$('input').bind('blur.validation', function(e){\r\n \u3000\u3000\/\/ ...  \r\n}); \r\n\/\/data\u65b9\u6cd5\u4e5f\u63a5\u53d7\u547d\u540d\u7a7a\u95f4  \r\n$('input').data('validation.isValid', true); \r\n<\/pre>\n<p>48. \u5982\u4f55\u68c0\u67e5cookie\u662f\u5426\u542f\u7528<\/p>\n<pre class=\"brush:js\">\r\nvar dt = new Date(); \r\ndt.setSeconds(dt.getSeconds() + 60); \r\ndocument.cookie = \"cookietest=1; \r\nexpires=\" + dt.toGMTString(); \r\nvar cookiesEnabled = document.cookie.indexOf(\"cookietest=\") != -1; \r\nif(!cookiesEnabled) { \r\n\u3000\u3000\/\/\u6ca1\u6709\u542f\u7528cookie\r\n  } \r\n<\/pre>\n<p>49. \u5982\u4f55\u8ba9cookie\u8fc7\u671f\uff1a<\/p>\n<pre class=\"brush:js\">\r\nvar date = new Date(); \r\ndate.setTime(date.getTime() + (x * 60 * 1000)); \r\n$.cookie('example', 'foo', { expires: date }); \r\n<\/pre>\n<p>50. \u5982\u4f55\u4f7f\u7528\u4e00\u4e2a\u53ef\u70b9\u51fb\u7684\u94fe\u63a5\u6765\u66ff\u6362\u9875\u9762\u4e2d\u4efb\u4f55\u7684URL<\/p>\n<pre class=\"brush:js\">\r\n$.fn.replaceUrl = function() {\r\n \u3000\u3000var regexp = \/((ftp|http|https):\\\/\\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\\/|\\\/([\\w#!:.?+=&%@!\\-\\\/]))?)\/gi;\r\n \u3000\u3000return this.each(function() { \r\n\u3000\u3000\u3000\u3000$(this).html( \r\n\u3000\u3000\u3000\u3000\u3000\u3000$(this).html().replace(regexp,'<a href=\"$1\">$1<\/a>')\r\n\u3000\u3000\u3000\u3000); \r\n\u3000\u3000});\r\n} \r\n\/\/\u7528\u6cd5\u3000 \r\n$('p').replaceUrl(); \r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>1. \u5982\u4f55\u4fee\u6539jQuery\u9ed8\u8ba4\u7f16\u7801\uff08\u4f8b\u5982\u9ed8\u8ba4UTF-8\u6539\u6210\u6539GB23&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,5,15],"tags":[23,96],"class_list":["post-816","post","type-post","status-publish","format-standard","hentry","category-Dream","category-Note","category-Program","tag-javascript","tag-jquery"],"_links":{"self":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts\/816","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=816"}],"version-history":[{"count":1,"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts\/816\/revisions"}],"predecessor-version":[{"id":817,"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts\/816\/revisions\/817"}],"wp:attachment":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=816"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=816"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}