{"id":2490,"date":"2020-11-20T09:25:37","date_gmt":"2020-11-20T01:25:37","guid":{"rendered":"http:\/\/admin.evshou.com\/?p=2490"},"modified":"2020-11-23T11:29:06","modified_gmt":"2020-11-23T03:29:06","slug":"2020javaweb%e6%95%99%e7%a8%8b%e4%b9%8bjquery%e5%92%8cjquery%e9%80%89%e6%8b%a9%e5%99%a8","status":"publish","type":"post","link":"https:\/\/www.9713job.com\/?p=2490","title":{"rendered":"2020javaweb\u6559\u7a0b\u4e4bjQuery\u548cjQuery\u9009\u62e9\u5668"},"content":{"rendered":"

2020javaweb\u6559\u7a0b\u4e4bjQuery\u548cjQuery\u9009\u62e9\u5668<\/h3>\n

\u6982\u8ff0\uff1a
\njQuery\u662f\u4e00\u4e2a\u5feb\u901f\u3001\u7b80\u6d01\u7684JavaScript\u6846\u67b6\u3002
\njQuery\u8bbe\u8ba1\u7684\u5b97\u65e8\u662f\u201cWrite Less\uff0cDo More\u201d\uff0c\u5373\u5021\u5bfc\u5199\u66f4\u5c11\u7684\u4ee3\u7801\uff0c\u505a\u66f4\u591a\u7684\u4e8b\u60c5\u3002<\/p>\n

\u4ec0\u4e48\u662fjQuery\uff1f
\njQuery\u662f\u4e00\u4e2aJavaScript\u51fd\u6570\u5e93<\/p>\n

\u4e0b\u8f7djQuery\uff1a
\n1 jQuery.com <\/a>\u4e0b\u8f7djQuery\u5e93
\n2.\u4eceCDN\u4e2d\u8f7d\u5165jQuery<\/p>\n

\u8bed\u6cd5\uff1a<script src=”uri”><\/script>
\n<\/p>\n

\u767e\u5ea6cdn\uff1a
\n<script src=”https:\/\/apps.bdimg.com\/libs\/jquery\/2.1.4\/jquery.min.js”><\/p>\n

\u65b0\u6d6acdn\uff1a
\n<script src=”http:\/\/lib.sinaapp.com\/js\/jquery\/2.0.2\/jquery-2.0.2.min.js”><\/p>\n

Google CDN\uff1a
\n<script src=”http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.10.2\/jquery.min.js”><\/p>\n

Microsoft CDN\uff1a
\n<script src=”http:\/\/ajax.htmlnetcdn.com\/ajax\/jQuery\/jquery-1.10.2.min.js”><\/p>\n

jQuery\u8bed\u6cd5\uff1a<\/strong><\/span><\/p>\n

<script>\r\n  $(function(){\r\n    alert(\"\u6267\u884cjQuery\u8bed\u53e5\");\r\n  })\r\n<\/script><\/pre>\n
jQuery\u9009\u62e9\u5668<\/strong><\/span><\/p>\n
\u5143\u7d20\u9009\u62e9\u5668<\/span><\/strong><\/pre>\n
<p id=\"p1\">p1<\/p>\r\n<p class=\"p2\">p2<\/p>\r\n<button id=\"btn1\">\u9690\u85cfp\u6807\u7b7e<\/button>\r\n<button id=\"btn2\">\u9690\u85cfp1\u6807\u7b7e<\/button>\r\n<button id=\"btn3\">\u9690\u85cfp2\u6807\u7b7e<\/button>\r\n<script>\r\n  $(function(){\r\n    \/\/\u5143\u7d20\u9009\u62e9\u5668<\/span><\/strong>\r\n    $(\"#btn1\").click(function () {<\/span><\/strong>\r\n      $(\"p\").hide();<\/span><\/strong>\r\n    });<\/span><\/strong>\r\n    \/\/id\u9009\u62e9\u5668<\/strong>\r\n    $(\"#btn2\").click(function(){<\/strong>\r\n      $(\"#p1\").hide();<\/strong>\r\n    });<\/strong>\r\n    \/\/class\u9009\u62e9\u5668<\/strong>\r\n    $(\"#btn3\").click(function () {<\/strong>\r\n      $(\".p2\").hide();<\/strong>\r\n    });<\/strong>\r\n  })\r\n<\/script><\/pre>\n
\"\"<\/p>\n
\u5c42\u7ea7\u9009\u62e9\u5668<\/strong><\/span><\/p>\n
<div id=\"div\">\r\n  <p id=\"p1\">div_p1<\/p>\r\n  <p>div_p2<\/p>\r\n  <p>div_p3<\/p>\r\n  <ul>\r\n    <li id=\"li1\">li1<\/li>\r\n    <li class=\"li2\">li2<\/li>\r\n    <li>li3<\/li>\r\n  <\/ul>\r\n  <div id=\"div2\">\r\n    <p>div_div2_p1<\/p>\r\n    <p>div_div2_p2<\/p>\r\n  <\/div>\r\n<\/div>\r\n<button id=\"btn1\">\u6539\u53d8div\u7684\u6240\u6709p\u6807\u7b7e<\/button>\r\n<button id=\"btn2\">\u6539\u53d8div\u540e\u9762\u7684p\u6807\u7b7e<\/button>\r\n<button id=\"btn3\">\u6539\u53d8div_p1\u540e\u9762\u7684p\u6807\u7b7e<\/button>\r\n<button id=\"btn4\">\u6539\u53d8div_p1\u540c\u7ea7\u522b\u7684\u6807\u7b7e<\/button>\r\n<script>\r\n  $(function(){\r\n    $(\"#btn1\").click(function () {\/\/\u540e\u4ee3\u9009\u62e9\u5668\r\n      $(\"#div p\").css(\"color\",\"red\");\r\n    });\r\n    $(\"#btn2\").click(function(){\/\/\u7236\u5b50\u9009\u62e9\u5668\r\n      $(\"#div>p\").css(\"color\",\"orange\");\r\n    });\r\n    $(\"#btn3\").click(function () {\/\/\u540c\u8f88\u9009\u62e9\u5668\r\n      $(\"#p1+p\").css(\"color\",\"green\");\r\n    });\r\n    $(\"#btn4\").click(function () {\/\/\u540e\u7eed\u540c\u8f88\u9009\u62e9\u5668\r\n      $(\"#p1~p\").css(\"color\",\"blue\");\r\n    });\r\n  })\r\n<\/script><\/pre>\n
\"\"
\n\"\"<\/p>\n
\u8fc7\u6ee4\u9009\u62e9\u5668<\/strong><\/span><\/p>\n
<div id=\"div\">\r\n  <p id=\"p1\">div_p1<\/p>\r\n  <p>div_p2<\/p>\r\n  <p>div_p3<\/p>\r\n  <ul>\r\n    <li>li1<\/li>\r\n    <li>li2<\/li>\r\n    <li>li3<\/li>\r\n  <\/ul>\r\n  <div id=\"div2\">\r\n    <p>div_div2_p1<\/p>\r\n    <p>div_div2_p2<\/p>\r\n  <\/div>\r\n<\/div>\r\n<button id=\"btn1\">\u6539\u53d8\u7b2c\u4e00\u4e2ali\u6807\u7b7e<\/button>\r\n<button id=\"btn2\">\u6539\u53d8li2\u4e4b\u540e\u7684li\u6807\u7b7e<\/button>\r\n<button id=\"btn3\">\u6539\u53d8\u9664li1\u4ee5\u5916\u7684li\u6807\u7b7e<\/button>\r\n<button id=\"btn4\">\u6539\u53d8\u5c0f\u4e8eli3\u4ee5\u5916\u7684\u6807\u7b7e<\/button>\r\n<script>\r\n  $(function(){\r\n    $(\"#btn1\").click(function () {\/\/\u6539\u53d8\u7b2c\u4e00\u4e2ali\u6807\u7b7e<\/strong>\r\n      $(\"#div li:first\").css(\"color\",\"orange\");\r\n    });\r\n    $(\"#btn2\").click(function(){\/\/\u6539\u53d8\u5927\u4e8e\u7b2c\u4e8c\u4e2ali\u6807\u7b7e<\/strong>\r\n      $(\"#div li:gt(1)\").css(\"color\",\"red\");\r\n    });\r\n    $(\"#btn3\").click(function(){\/\/\u6539\u53d8\u9664\u7b2c\u4e00\u4e2ali\u6807\u7b7e<\/strong>\r\n      $(\"#div li:not(:first)\").css(\"color\",\"green\");\r\n    });\r\n    $(\"#btn4\").click(function(){\/\/\u6539\u53d8\u5c0f\u4e8e\u7b2c\u4e09\u4e2ali\u6807\u7b7e<\/strong>\r\n      $(\"#div li:lt(2)\").css(\"color\",\"red\");\r\n    });\r\n  })\r\n<\/script><\/pre>\n
\"\"
\n\"\"
\n\"\"
\n\"\"<\/p>\n
 <\/p>\n
\u5c5e\u6027\u9009\u62e9\u5668<\/span><\/strong><\/p>\n
<div id=\"div\">\r\n  <ul>\r\n    <li class=\"li1\">li1<\/li>\r\n    <li class=\"li2\">li2<\/li>\r\n    <li class=\"ali3\">ali3<\/li>\r\n  <\/ul>\r\n<\/div>\r\n<button id=\"btn1\">\u6539\u53d8li\u5f00\u5934\u7684li\u6807\u7b7e<\/button>\r\n<button id=\"btn2\">\u6539\u53d8id\u4e3ali2\u7684li\u6807\u7b7e<\/button>\r\n<button id=\"btn3\">\u6539\u53d8a\u5f00\u5934\u7684li\u6807\u7b7e<\/button>\r\n<button id=\"btn4\">\u6539\u53d82\u7ed3\u5c3e\u7684li\u6807\u7b7e<\/button>\r\n<script>\r\n  $(function(){\r\n    $(\"#btn1\").click(function(){\/\/\u6709class\u5c5e\u6027\u7684li<\/strong>\r\n      $(\"#div li[class]\").css(\"color\",\"red\");\r\n    });\r\n    $(\"#btn2\").click(function(){\/\/class\u4e3a li2\u7684li<\/strong>\r\n      $(\"#div li[class='li2']\").css(\"color\",\"orange\");\r\n    });\r\n    $(\"#btn3\").click(function(){\/\/class\u4e3a a\u5f00\u5934\u7684li<\/strong>\r\n      $(\"#div li[class^=a]\").css(\"color\",\"green\");\r\n    });\r\n    $(\"#btn4\").click(function(){\/\/class\u4e3a 2\u7ed3\u5c3e\u7684li<\/strong>\r\n      $(\"#div li[class$='2']\").css(\"color\",\"blue\");\r\n    });\r\n  })\r\n<\/script><\/pre>\n
\"\"
\n\"\"
\n\"\"
\n\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"
2020javaweb\u6559\u7a0b\u4e4bjQuery\u548cjQuery\u9009\u62e9\u5668 \u6982\u8ff0\uff1a jQuery\u662f\u4e00\u4e2a\u5feb\u901f\u3001\u7b80\u6d01\u7684JavaS […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-2490","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/posts\/2490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.9713job.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2490"}],"version-history":[{"count":1,"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/posts\/2490\/revisions"}],"predecessor-version":[{"id":2491,"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/posts\/2490\/revisions\/2491"}],"wp:attachment":[{"href":"https:\/\/www.9713job.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.9713job.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.9713job.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}