{"id":5382,"date":"2010-09-28T21:00:59","date_gmt":"2010-09-28T12:00:59","guid":{"rendered":"http:\/\/www.sssg.org\/blogs\/hiro345\/?p=5382"},"modified":"2010-09-30T19:42:44","modified_gmt":"2010-09-30T10:42:44","slug":"jquery-2","status":"publish","type":"post","link":"https:\/\/www.hiro345.net\/blogs\/hiro345\/archives\/5382.html","title":{"rendered":"jQuery (2)"},"content":{"rendered":"<p>jQuery\u306e\u4f7f\u3044\u65b9 \u305d\u306e\uff12 \u3067\u3059\u3002<!--more--><\/p>\n<p>jQuery\u306fJavaScript\u30d7\u30ed\u30b0\u30e9\u30e0\u306a\u306e\u3067\u3001\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u8aad\u307f\u8fbc\u3093\u3067\u304b\u3089\u3001\u72ec\u81ea\u306e\u30d7\u30ed\u30b0\u30e9\u30e0\u3092\u5225\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u8aad\u307f\u8fbc\u3093\u3067\u5b9f\u884c\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<div class=\"code\" style=\"overflow: scroll; width: 490px; white-space: nowrap;background-color:black;color:white;padding:4px;\">&lt;&#x21;DOCTYPE&nbsp;html&nbsp;PUBLIC&nbsp;&quot;&#x2d;&#x2f;&#x2f;W3C&#x2f;&#x2f;DTD&nbsp;HTML&nbsp;4.01&nbsp;Transitional&#x2f;&#x2f;EN&quot;&gt;&nbsp;<br \/>\n&lt;html&nbsp;lang=&quot;ja&quot;&gt;&nbsp;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;head&gt;&nbsp;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;meta&nbsp;http&#x2d;equiv=&quot;Content&#x2d;Type&quot;&nbsp;content=&quot;text&#x2f;html&#x3b;&nbsp;charset=utf&#x2d;8&quot;&gt;&nbsp;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;jQuery&nbsp;(2)&lt;&#x2f;title&gt;&nbsp;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;link&nbsp;rel=&quot;stylesheet&quot;&nbsp;href=&quot;..&#x2f;css&#x2f;basic.css&quot;&nbsp;type=&quot;text&#x2f;css&quot;&nbsp;media=&quot;all&quot;&gt;&nbsp;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;script&nbsp;type=&quot;text&#x2f;javascript&quot;&nbsp;src=&quot;..&#x2f;js&#x2f;jquery&#x2d;1.4.2.min.js&quot;&nbsp;charset=&quot;utf&#x2d;8&quot;&gt;&lt;&#x2f;script&gt;&nbsp;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;script&nbsp;type=&quot;text&#x2f;javascript&quot;&nbsp;src=&quot;.&#x2f;sample.js&quot;&nbsp;charset=&quot;utf&#x2d;8&quot;&gt;&lt;&#x2f;script&gt;&nbsp;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;&#x2f;head&gt;&nbsp;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;body&gt;&nbsp;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h1&gt;JavaScript&nbsp;file\u3092\u8aad\u307f\u8fbc\u3080&lt;&#x2f;h1&gt;&nbsp;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;id=&quot;cntent&quot;&gt;&nbsp;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;JavaScript&nbsp;file\u3092\u8aad\u307f\u8fbc\u307f\u3001footer\u3078Hello jQuery\u3092\u8868\u793a<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;&#x2f;div&gt;&nbsp;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;id=&quot;lblCurrentTime&quot;&gt;&lt;&#x2f;div&gt;&nbsp;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;&#x2f;body&gt;&nbsp;<br \/>\n&lt;&#x2f;html&gt;&nbsp;\n<\/div>\n<p>basic.css\u306f\u6b21\u306e\u901a\u308a\u3002css\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3078\u914d\u7f6e\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<div class=\"code\" style=\"overflow: scroll; width: 490px; white-space: nowrap;background-color:black;color:white;padding:4px;\">h1&nbsp;{<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color&nbsp;&#x3a;&nbsp;&#x23;c0c0c0&#x3b;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border&#x2d;bottom&nbsp;&#x3a;&nbsp;1px&nbsp;dotted&nbsp;&#x23;afafaf&#x3b;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font&#x2d;size&nbsp;&#x3a;&nbsp;14pt&#x3b;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width&#x3a;480px&#x3b;<br \/>\n}<br \/>\ndiv&nbsp;{<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font&#x2d;size&#x3a;10pt&#x3b;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding&#x3a;5px&#x3b;<br \/>\n}<br \/>\n&#x23;content&nbsp;{<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width&#x3a;480px&#x3b;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font&#x2d;size&#x3a;10pt&#x3b;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin&#x3a;2em&#x3b;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border&#x3a;1px&nbsp;solid&nbsp;black&#x3b;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background&#x2d;color&#x3a;&#x23;cccccc&#x3b;<br \/>\n}<br \/>\n.note&nbsp;{<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color&#x3a;red&#x3b;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font&#x2d;size&#x3a;9pt&#x3b;<br \/>\n}\n<\/div>\n<p>sample.js \u306f\u6b21\u306e\u901a\u308a\u3002<\/p>\n<div class=\"code\" style=\"overflow: scroll; width: 490px; white-space: nowrap;background-color:black;color:white;padding:4px;\">&#x24;(function(){<br \/>\n&nbsp;&nbsp;&#x24;(&quot;&#x23;lblCurrentTime&quot;).text(&quot;Hello&nbsp;jQuery&quot;)&#x3b;<br \/>\n})&#x3b;\n<\/div>\n<p>\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u69cb\u6210\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<div class=\"code\" style=\"overflow: scroll; width: 490px; white-space: nowrap;background-color:black;color:white;padding:4px;\">jquery&#x2d;sample&#x2f;<br \/>\n&nbsp;&nbsp;+&nbsp;html&#x2f;<br \/>\n&nbsp;&nbsp;&#x7c;&nbsp;&nbsp;+&nbsp;sample01.html<br \/>\n&nbsp;&nbsp;&#x7c;&nbsp;&nbsp;+&nbsp;sample.js<br \/>\n&nbsp;&nbsp;&#x7c;<br \/>\n&nbsp;&nbsp;+&nbsp;js&#x2f;<br \/>\n&nbsp;&nbsp;&#x7c;&nbsp;&nbsp;+&nbsp;jquery&#x2d;1.4.2.min.js<br \/>\n&nbsp;&nbsp;&#x7c;<br \/>\n&nbsp;&nbsp;+&nbsp;css&#x2f;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+&nbsp;basic.css\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>jQuery\u306e\u4f7f\u3044\u65b9 \u305d\u306e\uff12 \u3067\u3059\u3002<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[31,367],"class_list":["post-5382","post","type-post","status-publish","format-standard","hentry","category-program","tag-javascript","tag-jquery"],"_links":{"self":[{"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/posts\/5382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/comments?post=5382"}],"version-history":[{"count":4,"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/posts\/5382\/revisions"}],"predecessor-version":[{"id":5408,"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/posts\/5382\/revisions\/5408"}],"wp:attachment":[{"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/media?parent=5382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/categories?post=5382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/tags?post=5382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}