{"id":657,"date":"2024-04-15T10:58:32","date_gmt":"2024-04-15T01:58:32","guid":{"rendered":"http:\/\/inwelly.com\/?p=657"},"modified":"2024-04-22T05:58:28","modified_gmt":"2024-04-21T20:58:28","slug":"javascript-jquery-%ec%99%80-prototype-%ec%9d%98-%ec%b6%a9%eb%8f%8c-%ed%94%bc%ed%95%98%ea%b8%b0-%eb%b0%8f-div-%ed%81%ac%ea%b8%b0-%ec%95%8c%ec%95%84%eb%82%b4%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/inwelly.com\/?p=657","title":{"rendered":"JAVASCRIPT jquery \uc640 prototype \uc758 \ucda9\ub3cc \ud53c\ud558\uae30 \ubc0f DIV \ud06c\uae30 \uc54c\uc544\ub0b4\uae30"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>&lt;html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n&lt;head>\n    &lt;title>DIV \ud06c\uae30 \uc54c\uc544\ub0b4\uae30&lt;\/title>\n    &lt;style type=\"text\/css\">\n        #my {\n            background-color:Yellow; \n\t\t\tborder:2px solid gray; \n\t\t\tposition:absolute;\n            padding:10px; \n\t\t\tz-index:0; \n\t\t\tmargin:10px;\n            top:50px; \n        }\n    &lt;\/style>\n    &lt;script src=\"http:\/\/code.jquery.com\/jquery-2.1.1.min.js\" type=\"text\/javascript\">&lt;\/script>\n    &lt;script type=\"text\/javascript\">\n \n\/\/ \"\uae30\ubcf8\" \uc744 \ubcc0\uacbd\ud558\uc5ec \"\ub300\ucc98\"  \ud615\ud0dc\ub85c \ubc14\uafd4\uc11c \uc0ac\uc6a9 \ud558\uba74 \ucda9\ub3cc\uc744 \ud53c\ud560\uc218 \uc788\ub2e4.\n \n\/\/ \uae30\ubcf8 ------------------------------------------------------------------\n \n\/\/\t\t$(document).ready(function () {\n\/\/\t\t$('#btnSize').mouseover(function () {\n\/\/\t\t\/\/outerHeight() : \ub9c8\uc9c4\uc744 \uc81c\uc678\ud55c \uc601\uc5ed\uc758 \ud06c\uae30\n\/\/\t\talert(\"outerHeight : \" + $(\"#my\").outerHeight());\n\/\/\t\t\/\/outerHeight(true) : \ub9c8\uc9c4\uc744 \ud3ec\ud568\ud55c \uc601\uc5ed\uc758 \ud06c\uae30 \n\/\/\t\talert(\"outerHeight(true) : \" + $(\"#my\").outerHeight(true));\n\/\/\t\talert(\"outerWidth : \" + $(\"#my\").outerWidth());\n\/\/\t\talert(\"outerWidth(true) : \" + $(\"#my\").outerWidth(true));                \n\/\/\t\t});\n\/\/\t\t});\n \n\/\/ \ub300\ucc98 ------------------------------------------------------------------\n\tjQuery.noConflict(); \n\t\/\/ var $j = jQuery.noConflict(); => $j\ub85c alias \uc0ac\uc6a9 \uac00\ub2a5\n\t\/\/ $\ub85c \uc0ac\uc6a9\ub41c jquery\ub97c \ubaa8\ub450 jQuery\ub85c \ub300\uccb4\ud55c\ub2e4\n \n\t\tjQuery(document).ready(function () {\n\t\tjQuery('#btnSize').mouseover(function () {\n\t\t\/\/outerHeight() : \ub9c8\uc9c4\uc744 \uc81c\uc678\ud55c \uc601\uc5ed\uc758 \ud06c\uae30\n\t\talert(\"outerHeight : \" + jQuery(\"#my\").outerHeight());\n\t\t\/\/outerHeight(true) : \ub9c8\uc9c4\uc744 \ud3ec\ud568\ud55c \uc601\uc5ed\uc758 \ud06c\uae30 \n\t\talert(\"outerHeight(true) : \" + jQuery(\"#my\").outerHeight(true));\n\t\talert(\"outerWidth : \" + jQuery(\"#my\").outerWidth());\n\t\talert(\"outerWidth(true) : \" + jQuery(\"#my\").outerWidth(true));                \n\t\t});\n\t\t});\n \n \n    &lt;\/script>\n&lt;\/head>\n&lt;body>\n    &lt;div id=\"my\">\n        &lt;p>jQuery&lt;\/p>\n        &lt;p>Ajax&lt;\/p>\n        &lt;p>Ajax&lt;\/p>\n        &lt;p>Ajax&lt;\/p>\n        &lt;p>Ajax&lt;\/p>\n        &lt;p>Ajax&lt;\/p>\n        &lt;p>Ajax11111111111111111111111111111111111&lt;\/p>\n    &lt;\/div>    \n \n \n \n    &lt;input type=\"button\" id=\"btnSize\" value=\"\uc544\ub798 DIV \uc601\uc5ed\uc758 \ud06c\uae30 \uad6c\ud558\uae30\" \/>\n&lt;\/body>\n&lt;\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1279,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-657","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=657"}],"version-history":[{"count":1,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/657\/revisions"}],"predecessor-version":[{"id":658,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/657\/revisions\/658"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/media\/1279"}],"wp:attachment":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}