{"id":4674,"date":"2013-12-15T09:35:11","date_gmt":"2013-12-15T01:35:11","guid":{"rendered":"http:\/\/ygs.im\/?p=4674"},"modified":"2013-12-15T09:35:11","modified_gmt":"2013-12-15T01:35:11","slug":"jquery-cookie-%e6%8f%92%e4%bb%b6","status":"publish","type":"post","link":"https:\/\/ygs.im\/?p=4674","title":{"rendered":"jQuery Cookie \u63d2\u4ef6"},"content":{"rendered":"\n

\u7b2c\u4e00\u6b21\u63a5\u89e6 JavaScript \u7684 Cookie \u662f\u5728\u5927\u4e09\u7684\u65f6\u5019\uff0c\u5f53\u65f6\u7528 WordPress \u6a21\u4eff\u201c\u6700\u571f\u201d\u7684\u56e2\u8d2d\u6a21\u677f\uff0c\u4e5f\u5c31\u662f\u7f8e\u56e2\u7b2c\u4e00\u4e2a\u7248\u672c\uff0c\u56e0\u4e3a\u540e\u53f0\u7684\u4e1c\u897f\u4e0d\u592a\u61c2\uff0c\u4e5f\u4e0d\u4f1a\u7f16\u63d2\u4ef6\uff0c\u4e8e\u662f\u4e4e\uff0c\u9664\u4e86\u8bc4\u8bba\u8868\u5355\u9879\u76ee\u589e\u52a0\u4e86\u5185\u5bb9\u5916\uff0c\u5176\u4f59\u529f\u80fd\u4e00\u6982\u524d\u53f0\u5904\u7406\u3002\u5f53\u65f6\u8fde\u6e05\u9664\u6d6e\u52a8\u4e5f\u4e0d\u77e5\u9053\u662f\u4ec0\u4e48\u73a9\u610f\uff0c\u5374\u7cca\u91cc\u7cca\u6d82\u7684\u5728 WordPress \u4e0a\u5b9e\u73b0\u4e86\u56e2\u8d2d\u529f\u80fd\uff0c\u5f53\u7136\uff0c\u6ca1\u6709\u652f\u4ed8\u529f\u80fd\uff0c\u56e0\u4e3a\uff0c\u662f\u6821\u5185\u56e2\u8d2d\uff0c\u7ed9\u73b0\u91d1\uff0c\u54c8\u54c8\u3002<\/p>\n\n\n\n

\u8a00\u5f52\u6b63\u4f20\uff0c\u90a3\u65f6\u5019\u7684\u56e2\u8d2d\u7f51\u7ad9\u57fa\u672c\u90fd\u4e00\u4e2a\u6837\uff0c\u9996\u9875\u4f1a\u663e\u793a\u4e00\u4e2a\u63d0\u793a\u6846\uff0c\u53f3\u4e0a\u89d2\u6709\u5173\u95ed\u6309\u94ae\uff0c\u6211\u8981\u5b9e\u73b0\u7684\u5c31\u662f\u5173\u95ed\u7136\u540e\u4e0d\u518d\u663e\u793a\u7684\u529f\u80fd\uff0c\u6211\u5c31\u60f3\u5230\u4e86\u7528 Cookie \u6765\u8bb0\u4f4f\u8fd9\u4e2a\u52a8\u4f5c\u3002\u73b0\u5728\u6211\u770b\u56de\u5f53\u65f6\u7684\u4ee3\u7801\uff0c\u6211\u770b\u4e0d\u660e\u767d\u4e86…<\/p>\n\n\n\n

function turnoff(obj) {\n\tvar the_date = new Date(\"December 21, 2012\");\n\tvar the_cookie_date = the_date.toUTCString();\n\tdocument.cookie = \"guide_status=guide_close;expires=\" + the_cookie_date;\n\tdocument.getElementById(obj).style.display = \"none\";\n}\nfunction readcookie(the_info) {\n\tvar the_cookie = document.cookie;\n\tvar the_cookie = unescape(the_cookie);\n\tvar pair_cookie = the_cookie.split(\";\");\n\tvar property_value = \"\";\n\tfor (loop = 0; loop < pair_cookie.length; loop++) {\n\t\tproperty_value = pair_cookie[loop];\n\t\tvar broken_info = property_value.split(\"=\");\n\t\tvar the_property = broken_info[0];\n\t\tvar the_value = broken_info[1];\n\t\tthe_info[the_property] = the_value;\n\t\tif (the_info[the_property] == \"guide_close\") document.getElementById('guidebar').style.display = \"none\";\n\t}\n}\nvar cookie_information = new Array(); <\/code><\/pre>\n\n\n\n
\u5b66\u4e60 JavaScript \u53ef\u4ee5\u624e\u5b9e\u57fa\u7840\uff0c\u4f7f\u7528 jQuery \u53ef\u4ee5\u7b80\u5355\u5feb\u901f\u5b9e\u73b0\u529f\u80fd\u3002\u4e8e\u662f\u4e4e\uff0c\u6211\u73b0\u5728\u4f7f\u7528 jQuery \u7684 Cookie \u63d2\u4ef6\uff0c\u5b9e\u73b0\u8bb0\u4f4f\u663e\u793a\u9690\u85cf\u8fb9\u680f\u7684\u529f\u80fd\u3002\u8fd9\u4e2a\u63d2\u4ef6\u4e24\u5e74\u524d\uff0c\u6211\u5c31\u4f7f\u7528\u8fc7\uff0c\u4e5f\u662f\u5b9e\u73b0\u76f8\u540c\u7684\u529f\u80fd\uff0c\u6211\u7ffb\u56de\u5f53\u65f6\u7684\u4ee3\u7801\uff0c\u7a0d\u4f5c\u4fee\u6539\uff0c\u5c31\u53ef\u4ee5\u5de5\u4f5c\u4e86\u3002\u5f53\u6211\u60f3\u628a\u4ee3\u7801\u6539\u5f97\u66f4\u5b8c\u7f8e\u7684\u65f6\u5019\uff0c\u95ee\u9898\u5374\u51fa\u6765\u4e86\uff0c\u6211\u82b1\u4e86\u4e00\u4e2a\u4e0b\u5348\u7684\u65f6\u95f4\u6765\u8c03\uff0c\u4e00\u76f4\u627e\u4e0d\u5230\u539f\u56e0\uff0c\u751a\u81f3\u6211\u628a\u4ee3\u7801\u91cd\u5199\u4e5f\u4e0d\u80fd\u6b63\u5e38\u4f7f\u7528…\u8fd9\u662f\u95f9\u54ea\u6837\uff0c\u641e\u5f97\u6211\u8116\u5b50\u90fd\u9178\u75db\u4e86\u3002\u540e\u6765\uff0c\u5728\u4e0b\u73ed\u524d\u7cca\u91cc\u7cca\u6d82\u53c8\u641e\u597d\u4e86\uff0c\u539f\u56e0\u662f\uff0c\u53d8\u91cf\u8d4b\u503c\u95ee\u9898\uff0c\u6211\u73b0\u5728\u8bf4\u4e0d\u51fa\u5177\u4f53\u7684\uff0c\u65e5\u540e\u518d\u8bf4\u5427\u3002\u4e0a\u4e00\u4e0b\u4ee3\u7801\u3002<\/p>\n\n\n\n
$(function() {\n\t$('.sidebar-switch a').click(function() {\n\t\tif ($('#sidebar').is(':visible')) {\n\t\t\t$.cookie('sidebar', 'hide');\n\t\t\t$('#sidebar').fadeOut().parent().animate({width: \"640px\"},600).removeClass('container-wide');\n\t\t\t$(\".sidebar-switch a\").text(\"SidebarOFF\");\n\t\t}\n\t\telse {\n\t\t\t$.cookie('sidebar', 'show');\n\t\t\t$('#sidebar').fadeIn().parent().animate({width: \"840px\"},600);\n\t\t\t$(\".sidebar-switch a\").text(\"SidebarON\");\n\t\t};\n\t});\n\tvar thesidebar = $.cookie(\"sidebar\");\n\tif (thesidebar == \"show\") {\n\t\t$('#sidebar').show().parent().addClass('container-wide');\n\t\t$(\".sidebar-switch a\").text(\"SidebarON\");     \n\t}\n}); <\/code><\/pre>\n\n\n\n
\u7531\u4e8e\u6a21\u677f\u7ed3\u6784\u4e0d\u540c\uff0cHTML \u3001CSS\u3001jQuery \u90fd\u8981\u4f5c\u6539\u52a8\u624d\u80fd\u4f7f\u7528\u3002<\/p>\n\n\n\n
\u8a00\u5f52\u6b63\u4f20\uff0cjQuery Cookie \u63d2\u4ef6\u7684\u4f7f\u7528\u65b9\u6cd5\u3002\u63d2\u4ef6\u4e3b\u9875\uff1ahttp:\/\/plugins.jquery.com\/cookie\/<\/a>\uff0c\u4f7f\u7528\u524d\u52a0\u8f7d\u50cf\u52a0\u8f7d jQuery \u4e00\u6837\u52a0\u8f7d\u63d2\u4ef6\u662f\u5fc5\u987b\u7684\u3002<\/p>\n\n\n\n
\u521b\u5efa cookie:<\/p>\n\n\n\n
$.cookie('the_cookie', 'the_value');<\/code><\/pre>\n\n\n\n
\u521b\u5efa\u4e34\u65f6 cookie, 7 \u5929\u4e4b\u540e\u8fc7\u671f:<\/p>\n\n\n\n
$.cookie('the_cookie', 'the_value', { expires: 7 });<\/code><\/pre>\n\n\n\n
\u521b\u5efa\u4e34\u65f6 cookie, 7 \u5929\u4e4b\u540e\u8fc7\u671f\uff0c\u5e76\u4e14\u4f5c\u7528\u4e8e\u6574\u4e2a\u7ad9\u70b9\u7684:<\/p>\n\n\n\n
$.cookie('the_cookie', 'the_value', { expires: 7, path: '\/' });<\/code><\/pre>\n\n\n\n
\u8bfb\u53d6 cookie:<\/p>\n\n\n\n
$.cookie('the_cookie'); \/\/ => \"the_value\" $.cookie('not_existing'); \/\/ => undefined<\/code><\/pre>\n\n\n\n
\u8bfb\u53d6\u6240\u6709 cookies:<\/p>\n\n\n\n
$.cookie(); \/\/ => { \"the_cookie\": \"the_value\", \"...remaining\": \"cookies\" }<\/code><\/pre>\n\n\n\n
\u5220\u9664 cookie:<\/p>\n\n\n\n
\/\/ \u5b58\u5728 Cookie \u8fd4\u56de true, \u5426\u5219\u8fd4\u56de false... $.removeCookie('the_cookie'); \n\/\/ \u5199\u6cd5\u8ddf\u4e0a\u9762\u4e00\u6837... $.removeCookie('the_cookie', { path: '\/' });<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u7b2c\u4e00\u6b21\u63a5\u89e6 JavaScript \u7684 Cookie \u662f\u5728\u5927\u4e09\u7684\u65f6\u5019\uff0c\u5f53\u65f6\u7528 WordPress \u6a21\u4eff\u201c\u6700\u571f\u201d\u7684 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"categories":[3],"tags":[],"class_list":["post-4674","post","type-post","status-publish","format-standard","hentry","category-note"],"_links":{"self":[{"href":"https:\/\/ygs.im\/index.php?rest_route=\/wp\/v2\/posts\/4674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ygs.im\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ygs.im\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ygs.im\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ygs.im\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4674"}],"version-history":[{"count":0,"href":"https:\/\/ygs.im\/index.php?rest_route=\/wp\/v2\/posts\/4674\/revisions"}],"wp:attachment":[{"href":"https:\/\/ygs.im\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ygs.im\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4674"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ygs.im\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}