{"id":4760,"date":"2022-03-27T20:43:52","date_gmt":"2022-03-27T12:43:52","guid":{"rendered":"https:\/\/egonlin.com\/?p=4760"},"modified":"2022-03-27T20:43:52","modified_gmt":"2022-03-27T12:43:52","slug":"%e7%ac%ac%e4%b8%80%e8%8a%82%ef%bc%9ajq%e5%9f%ba%e7%a1%80","status":"publish","type":"post","link":"https:\/\/egonlin.com\/?p=4760","title":{"rendered":"\u7b2c\u4e00\u8282\uff1ajq\u57fa\u7840"},"content":{"rendered":"<h1>jQuery\u57fa\u7840<\/h1>\n<h2>1. \u4e86\u89e3jQuery<\/h2>\n<h3>1.1 \u4ec0\u4e48\u662fjQuery<\/h3>\n<ul>\n<li>jQuery \u662f\u4e00\u4e2a\u9ad8\u6548\u3001\u7cbe\u7b80\u5e76\u4e14\u529f\u80fd\u4e30\u5bcc\u7684 JavaScript \u5de5\u5177\u5e93<\/li>\n<li>jQuery\u6781\u5927\u7684\u7b80\u5316\u4e86JavaScript \u7f16\u7a0b<\/li>\n<\/ul>\n<h3>1.2 \u4ec0\u4e48\u4e8bJS\u7c7b\u5e93<\/h3>\n<ul>\n<li>\u5b83\u5c31\u662f\u4e00\u4e9b\u51fd\u6570\u7684\u96c6\u5408\uff0c\u5c31\u662f\u628a\u7279\u5b9a\u6548\u679c\u7684\u4ee3\u7801\u5199\u597d\uff0c\u4f60\u53ea\u9700\u8981\u5728\u7528\u7684\u65f6\u5019\u8981\u7528\u5f88\u5c11\u7684\u4ee3\u7801\u53bb\u8c03\u7528\u3002<\/li>\n<li>\u8d77\u4e3b\u5bfc\u4f5c\u7528\u7684\u662f\u4f60\u7684\u4ee3\u7801\uff0c\u7531\u4f60\u6765\u51b3\u5b9a\u4f55\u65f6\u4f7f\u7528\u7c7b\u5e93\u3002<\/li>\n<\/ul>\n<h3>1.3 \u5e38\u89c1JS\u7c7b\u5e93<\/h3>\n<ul>\n<li>jQuery<\/li>\n<li>ExtJS<\/li>\n<li>prototype.js<\/li>\n<li>zepto.js<\/li>\n<\/ul>\n<h3>1.4 jQuery\u7684\u4f18\u52bf<\/h3>\n<ul>\n<li>\u5f00\u6e90 \u514d\u8d39<\/li>\n<li>\u4fbf\u6377\u7684\u9009\u62e9\u5668<\/li>\n<li>\u65b9\u4fbf\u7684DOM\u64cd\u4f5c<\/li>\n<li>\u65b9\u4fbf\u7684\u52a8\u753b\u7279\u6548<\/li>\n<li>\u6613\u7528\u7684ajax\u64cd\u4f5c<\/li>\n<li>\u4e30\u5bcc\u7684\u63d2\u4ef6\u6269\u5c55<\/li>\n<li>\u89e3\u51b3\u6d4f\u89c8\u5668\u517c\u5bb9\u6027\u6548\u679c<\/li>\n<\/ul>\n<h3>1.5 jQuery\u7684\u7248\u672c<\/h3>\n<pre><code>1.x.x\u7684\u7248\u672c\u662f\u53ef\u4ee5 \u652f\u6301 IE6~IE8\u7684\n2.x.x\u52303.x.x \u7684\u7248\u672c\uff0c\u4e0d\u5728\u517c\u5bb9IE8\u4ee5\u53ca\u4ee5\u4e0b\u6d4f\u89c8\u5668<\/code><\/pre>\n<h3>1.6 jQuery \u76f8\u5173\u7f51\u7ad9<\/h3>\n<ul>\n<li>\u5b98\u7f51 <a href=\"https:\/\/jquery.com\/\">https:\/\/jquery.com\/<\/a>  <\/li>\n<li>\u6587\u6863API\uff1a <a href=\"http:\/\/jquery.cuishifeng.cn\/index.html\">http:\/\/jquery.cuishifeng.cn\/index.html<\/a><\/li>\n<\/ul>\n<h2>2 jQuery \u57fa\u672c\u4f7f\u7528<\/h2>\n<h3>2.1 \u5b89\u88c5<\/h3>\n<p><strong>\u4e0b\u8f7d\u5230\u672c\u5730\uff0c\u518d\u5f15\u5165<\/strong><\/p>\n<p>\u4e0b\u8f7d\u5730\u5740\uff1a<a href=\"https:\/\/jquery.com\/download\/\">https:\/\/jquery.com\/download\/<\/a><\/p>\n<pre><code class=\"language-html\">&lt;script src=&quot;jquery-3.3.1.min.js&quot;&gt;&lt;\/script&gt;\n&lt;script&gt;\n    \/\/\u6ce8\u610f\uff0c\u4e00\u5b9a\u5728\u5f15\u5165jQuery\u4e4b\u540e\uff0c\u518d\u4f7f\u7528jQuery\u63d0\u4f9b\u7684\u5404\u79cd\u64cd\u4f5c\n&lt;\/script&gt;<\/code><\/pre>\n<p><strong>\u6216\u8005 \u76f4\u63a5\u4f7f\u7528CDN<\/strong><\/p>\n<pre><code class=\"language-html\">&lt;script src=&quot;https:\/\/cdn.bootcss.com\/jquery\/3.3.1\/jquery.js&quot;&gt;&lt;\/script&gt;\n&lt;script&gt;\n    code...\n&lt;\/script&gt;<\/code><\/pre>\n<p>BootCDN jQuery\u5404\u4e2a\u7248\u672c\u5730\u5740\uff1a <a href=\"https:\/\/www.bootcdn.cn\/jquery\/\">https:\/\/www.bootcdn.cn\/jquery\/<\/a><\/p>\n<h3>2.2 jQuery\u5bf9\u8c61<\/h3>\n<p><code>$<\/code>\u662f<code>jQuery<\/code>\u7684\u522b\u540d<\/p>\n<pre><code class=\"language-css\">jQuery(&#039;.item&#039;).show()\n\/\/\u7b49\u540c\u4e8e\n$(&#039;.item&#039;).show()<\/code><\/pre>\n<p><code>$<\/code>\u5bf9\u8c61\u53ef\u4ee5\u7528\u4f5c\u9009\u62e9\u5668\u83b7\u53d6\u5143\u7d20\uff0c\u8fd8\u53ef\u4ee5\u521b\u5efaDOM\u5bf9\u8c61<\/p>\n<h3>2.3 \u6587\u6863\u5c31\u7eea\u4e8b\u4ef6<\/h3>\n<pre><code class=\"language-js\">$(document).ready(function(){\n\n   \/\/ \u5f00\u59cb\u5199 jQuery \u4ee3\u7801...\n\n});<\/code><\/pre>\n<p>\u4e0a\u8ff0\u5199\u6cd5\u53ef\u4ee5\u7b80\u5199<\/p>\n<pre><code class=\"language-js\">$(function(){\n\n   \/\/ \u5f00\u59cb\u5199 jQuery \u4ee3\u7801...\n\n});<\/code><\/pre>\n<h3>2.4 \u8fde\u8d2f\u64cd\u4f5c<\/h3>\n<pre><code class=\"language-js\">\/\/\u5bf9\u8c61\u53ef\u4ee5\u8fde\u8d2f\u8c03\u7528\n$(dom).find(&#039;img&#039;).css(&#039;border&#039;,&#039;1px solid #ccc&#039;).css(&#039;color&#039;, &#039;red&#039;).prop(&#039;src&#039;, &#039;1.jpg&#039;).toggle()<\/code><\/pre>\n<h3>2.5 jQueryDOM\u548cjsDOM<\/h3>\n<ul>\n<li>\n<p>\u901a\u8fc7\u539f\u751fjs\u83b7\u53d6\u7684dom\u5bf9\u8c61\uff0c\u6211\u4eec\u79f0\u4e4b\u4e3ajsDOM\u6216\u8005\u539f\u751fDOM<\/p>\n<\/li>\n<li>\n<p>\u901a\u8fc7jQuery\u9009\u62e9\u5668\u83b7\u53d6\u7684dom\u5bf9\u8c61\uff0c\u6211\u4eec\u79f0\u4e4b\u4e3a jQuery DOM<\/p>\n<\/li>\n<li>\n<p>jQuery DOM\u672c\u8d28\u4e0a \u662f\u7531 jsDOM\u7ec4\u6210\u7684\u96c6\u5408\uff0c\u662f\u4e2a\u7c7b\u6570\u7ec4\u5bf9\u8c61\u3002\u53ef\u4ee5\u901a\u8fc7 [\u7d22\u5f15] \u83b7\u53d6\u5176\u4e2d\u7684jsDOM<\/p>\n<\/li>\n<li>\n<p><code>$(jsDOM)<\/code> \u53ef\u4ee5\u8f6c\u4e3a jQuery DOM<\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>jQuery\u57fa\u7840 1. \u4e86\u89e3jQuery 1.1 \u4ec0\u4e48\u662fjQuery jQuery \u662f\u4e00\u4e2a\u9ad8\u6548\u3001\u7cbe\u7b80\u5e76\u4e14\u529f\u80fd\u4e30 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[361,365],"tags":[],"_links":{"self":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts\/4760"}],"collection":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4760"}],"version-history":[{"count":0,"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts\/4760\/revisions"}],"wp:attachment":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4760"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4760"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}