<br />
<b>Deprecated</b>:  The each() function is deprecated. This message will be suppressed on further calls in <b>/home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php</b> on line <b>456</b><br />
{"id":8,"date":"2023-08-04T11:56:10","date_gmt":"2023-08-04T11:56:10","guid":{"rendered":"\/\/jquery.com\/?page_id=8"},"modified":"2026-01-18T03:30:36","modified_gmt":"2026-01-18T03:30:36","slug":"index","status":"publish","type":"page","link":"https:\/\/jquery.com\/","title":{"rendered":"jQuery"},"content":{"rendered":"<div id=\"banner-secondary\" class=\"row\">\n\t<div class=\"download four columns push-eight\">\n\t\t<a href=\"\/download\/\" class=\"button large\">\n\t\t\t<span class=\"download-button-content\">\n\t\t\t\t<span class=\"download-icon\"><\/span>\n\t\t\t\t<span class=\"download-message\">\n\t\t\t\t\t<span>Download jQuery<\/span>\n\t\t\t\t\t<span class=\"download-version\">v4.0.0<\/span>\n\t\t\t\t<\/span>\n\t\t\t<\/span>\n\t\t<\/a>\n\t\t<div class=\"download-options\">\n\t\t\t<div class=\"support-notice\">Only the latest version of jQuery is supported.<\/div>\n\t\t\t<a href=\"\/support\">Discover Support Options<\/a>\n\t\t\t<a href=\"https:\/\/github.com\/jquery\/jquery\">View Source on GitHub \u2192<\/a>\n\t\t\t<a href=\"https:\/\/learn.jquery.com\/about-jquery\/how-jquery-works\/\">How jQuery Works \u2192<\/a>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"features-box row eight columns pull-four\">\n\t\t<div class=\"feature-box lightweight-footprint four columns center-txt\">\n\t\t\t<div class=\"feature-box-image\"><\/div>\n\t\t\t<h3>Lightweight Footprint<\/h3>\n\t\t\t<p>Only 30kB minified and gzipped. Can also be included as an AMD module<\/p>\n\t\t<\/div>\n\n\t\t<div class=\"feature-box css3-compliant four columns center-txt\">\n\t\t\t<div class=\"feature-box-image\"><\/div>\n\t\t\t<h3>CSS3 Compliant<\/h3>\n\t\t\t<p>Supports CSS3 selectors to find elements as well as in style property manipulation<\/p>\n\t\t<\/div>\n\n\t\t<div class=\"feature-box cross-browser four columns center-txt\">\n\t\t\t<div class=\"feature-box-image\"><\/div>\n\t\t\t<h3>Cross-Browser<\/h3>\n\t\t\t<p><a href=\"\/browser-support\/\">Chrome, Edge, Firefox, IE, Safari, Android, iOS, and more<\/a><\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<div id=\"home-content\" class=\"clearfix row\">\n\t<section class=\"eight columns\">\n\t\t<h2 class=\"block\">What is jQuery?<\/h2>\n\n\t\t<p>jQuery is a fast, small, and feature-rich JavaScript library. It makes\n\t\tthings like HTML document traversal and manipulation, event handling,\n\t\tanimation, and Ajax much simpler with an easy-to-use API that works across\n\t\ta multitude of browsers. With a combination of versatility and\n\t\textensibility, jQuery has changed the way that millions of people write\n\t\tJavaScript.<\/p>\n\t<\/section>\n\t<aside class=\"four columns\">\n\t\t<h2 class=\"block\">Resources<\/h2>\n\t\t<ul>\n\t\t\t<li><a href=\"https:\/\/api.jquery.com\">jQuery Core API Documentation<\/a><\/li>\n\t\t\t<li><a href=\"https:\/\/learn.jquery.com\">jQuery Learning Center<\/a><\/li>\n\t\t\t<li><a href=\"https:\/\/blog.jquery.com\">jQuery Blog<\/a><\/li>\n\t\t\t<li><a href=\"https:\/\/contribute.jquery.com\">Contribute to jQuery<\/a><\/li>\n\t\t\t<li><a href=\"https:\/\/github.com\/jquery\/jquery\/issues\">Browse or Submit jQuery Bugs<\/a><\/li>\n\t\t<\/ul>\n\t<\/aside>\n<\/div>\n\n<section>\n\t<h2 class=\"block\">A Brief Look<\/h2>\n\n\t<h3>DOM Traversal and Manipulation<\/h3>\n\t<p>Get the <code>&lt;button&gt;<\/code> element with the class 'continue' and change its HTML to 'Next Step...'<\/p>\n\t<div class=\"syntaxhighlighter javascript\">\n\t<table>\n\t\t<tbody>\n\t\t\t<tr>\n\t\t\t\t\n\t\t\t\t<td class=\"gutter\">\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n1\">1<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/td>\n\t\t\t\t\n\t\t\t\t<td class=\"code\">\n\t\t\t\t\t<pre><div class=\"container\"><div class=\"line\"><code>$( <span class=\"hljs-string\">\"button.continue\"<\/span> ).html( <span class=\"hljs-string\">\"Next Step...\"<\/span> )<\/code><\/div><\/div><\/pre>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t<\/tbody>\n\t<\/table>\n<\/div>\n\n\n\t<h3>Event Handling<\/h3>\n\t<p>Show the <code>#banner-message<\/code> element that is hidden with\n\t\t<code>display:none<\/code> in its CSS when any button in <code>#button-container<\/code> is\n\t\tclicked.<\/p>\n\t<div class=\"syntaxhighlighter javascript\">\n\t<table>\n\t\t<tbody>\n\t\t\t<tr>\n\t\t\t\t\n\t\t\t\t<td class=\"gutter\">\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n1\">1<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n2\">2<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n3\">3<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n4\">4<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/td>\n\t\t\t\t\n\t\t\t\t<td class=\"code\">\n\t\t\t\t\t<pre><div class=\"container\"><div class=\"line\"><code><span class=\"hljs-keyword\">var<\/span> hiddenBox = $( <span class=\"hljs-string\">\"#banner-message\"<\/span> );<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>$( <span class=\"hljs-string\">\"#button-container button\"<\/span> ).on( <span class=\"hljs-string\">\"click\"<\/span>, <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span>(<span class=\"hljs-params\"> event <\/span>) <\/span>{<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>  hiddenBox.show();<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>});<\/code><\/div><\/div><\/pre>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t<\/tbody>\n\t<\/table>\n<\/div>\n\n\n\t<h3>Ajax<\/h3>\n\t<p>Call a local script on the server <code>\/api\/getWeather<\/code>\n\t\twith the query parameter <code>zipcode=97201<\/code>\n\t\tand replace the element <code>#weather-temp<\/code>'s html with the returned text.<\/p>\n\t<div class=\"syntaxhighlighter javascript\">\n\t<table>\n\t\t<tbody>\n\t\t\t<tr>\n\t\t\t\t\n\t\t\t\t<td class=\"gutter\">\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n1\">1<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n2\">2<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n3\">3<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n4\">4<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n5\">5<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n6\">6<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n7\">7<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n8\">8<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n9\">9<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/td>\n\t\t\t\t\n\t\t\t\t<td class=\"code\">\n\t\t\t\t\t<pre><div class=\"container\"><div class=\"line\"><code>$.ajax({<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>  <span class=\"hljs-attr\">url<\/span>: <span class=\"hljs-string\">\"\/api\/getWeather\"<\/span>,<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>  <span class=\"hljs-attr\">data<\/span>: {<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>    <span class=\"hljs-attr\">zipcode<\/span>: <span class=\"hljs-number\">97201<\/span><\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>  },<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>  <span class=\"hljs-attr\">success<\/span>: <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span>(<span class=\"hljs-params\"> result <\/span>) <\/span>{<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>    $( <span class=\"hljs-string\">\"#weather-temp\"<\/span> ).html( <span class=\"hljs-string\">\"&lt;strong&gt;\"<\/span> + result + <span class=\"hljs-string\">\"&lt;\/strong&gt; degrees\"<\/span> );<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>  }<\/code><\/div><\/div><div class=\"container\"><div class=\"line\"><code>});<\/code><\/div><\/div><\/pre>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t<\/tbody>\n\t<\/table>\n<\/div>\n\n<\/section>\n\n<section>\n\t<h2 class=\"block\">Related Projects<\/h2>\n\n\t<h3><a href=\"https:\/\/jqueryui.com\/\">jQuery UI<\/a><\/h3>\n\t<p>This project is in maintenance-only mode. <a href=\"https:\/\/blog.jquery.com\/2021\/10\/07\/jquery-maintainers-update-and-transition-jquery-ui-as-part-of-overall-modernization-efforts\/\">Learn more<\/a>.<\/p>\n\n\t<h3><a href=\"https:\/\/jquerymobile.com\/\">jQuery Mobile<\/a><\/h3>\n\t<p>This project is deprecated. <a href=\"https:\/\/blog.jqueryui.com\/2021\/10\/jquery-maintainers-continue-modernization-initiative-with-deprecation-of-jquery-mobile\/\">Learn more<\/a>.<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Download jQuery v4.0.0 Only the latest version of jQuery is supported. Discover Support Options View Source on GitHub \u2192 How jQuery Works \u2192 Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation Cross-Browser Chrome, &hellip; <a href=\"https:\/\/jquery.com\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jquery.com\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jquery.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jquery.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jquery.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jquery.com\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":6,"href":"https:\/\/jquery.com\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/jquery.com\/wp-json\/wp\/v2\/pages\/8\/revisions\/59"}],"wp:attachment":[{"href":"https:\/\/jquery.com\/wp-json\/wp\/v2\/media?parent=8"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jquery.com\/wp-json\/wp\/v2\/categories?post=8"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jquery.com\/wp-json\/wp\/v2\/tags?post=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}