http:\/\/www.webdesign.gr.jp\/kentei\/open\/H30-2-2_gakka_open.pdf<\/a><\/p>\n\u3067\u306f\u3001\u53c2\u308a\u307e\u3059\u3002
\n5.\u4ee5\u4e0b\u306e\u8a2d\u554f\u306b\u7b54\u3048\u3088\u3002<\/p>\n
\u7b2c\uff12\uff11\u554f<\/h3>\n
\u6b63\u56de\u7b54\uff1a\uff13
\n\u3053\u306e\u8a2d\u554f\u3067\u6ce8\u76ee\u3059\u308b\u3079\u304d\u306f\u3001\u300c\u30bb\u30ec\u30af\u30bf\u540d\u300d\u3068\u300cquerySelector\u306bAll\u304c\u5fc5\u8981\u304b\u300d\u3068\u3044\u3046\u3053\u3068\u3067\u3059\u3002
\n\u307e\u305ajQuery\u3067\u306f\u300c.button\u300d\u3092\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002
\nquerySelector\u306e\u5834\u5408\u3082\u30af\u30e9\u30b9\u3092\u3057\u3066\u3059\u308b\u5834\u5408\u300c.\uff08\u30c9\u30c3\u30c8\uff09\u300d\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u306e\u3067\u3001\u6b63\u7b54\u304c\u300c1\u300d\u3082\u3057\u304f\u306f\u300c3\u300d\u3068\u3044\u3046\u3053\u3068\u306b\u306a\u308a\u307e\u3059\u3002
\n\u6b21\u306b\u300cquerySelector\u306bAll\u304c\u5fc5\u8981\u304b\u300d\u3068\u3044\u3046\u3053\u3068\u3067\u3059\u304c\u3001\u307e\u305aAll\u304c\u300c\u6709\u308a\u300dor\u300c\u7121\u3057\u300d\u306e\u9055\u3044\u306b\u3064\u3044\u3066\u307e\u3068\u3081\u307e\u3059\u3002
\n—
\n\u30fbquerySelector\u2026\u5358\u4f53\u306eHTML\u8981\u7d20\u3092\u53d6\u5f97
\n\u30fbquerySelectorAll\u2026\u8907\u6570\u306eHTML\u8981\u7d20\u3092\u53d6\u5f97
\n—
\nvar obj = $(‘.button’);\u306f\u3001\u8907\u6570\u306eHTML\u8981\u7d20\u306b\u5bfe\u3057\u6307\u5b9a\u3055\u308c\u308b\u305f\u3081\u3001\u6b63\u89e3\u306f\u300c3\u300d\u306e\u300cvar obj = document.querySelectorAll(‘.button’);\u300d\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n
\u7b2c\uff12\uff12<\/h3>\n
\u6b63\u56de\u7b54\uff1a\uff11
\n\u30e2\u30b9\u30ad\u30fc\u30c8\u30ce\u30a4\u30ba\u3068\u306f\u3001\u753b\u50cf\u3092JPG\u306a\u3069\u306b\u5727\u7e2e\u3057\u305f\u969b\u3001\u8f2a\u90ed\u90e8\u5206\u306b\u73fe\u308c\u308b\u30ce\u30a4\u30ba\u3092\u6307\u3057\u307e\u3059\u3002
\n\u868a\uff08\u30e2\u30b9\u30ad\u30fc\u30c8\uff09\u306e\u5927\u7fa4\u304c\u98db\u3093\u3067\u3044\u308b\u3088\u3046\u306b\u898b\u3048\u308b\u3053\u3068\u304c\u3001\u540d\u524d\u306e\u7531\u6765\u3067\u3059\u3002<\/p>\n
\u7b2c\uff12\uff13\u554f<\/h3>\n
\u6b63\u56de\u7b54\uff1a\uff14
\n\u3053\u3061\u3089\u306e\u554f\u984c\u306f\u3001\u9078\u629e\u80a2\u306e\u305d\u308c\u305e\u308c\u306b\u3064\u3044\u3066\u8aac\u660e\u3044\u305f\u3057\u307e\u3059\u3002
\n—
\n\u25cb<img src=”a.png” alt=””>width\u3068height\u304c\u672a\u8a2d\u5b9a\u3067\u3059\u304c\u3001\u4e0d\u9069\u5207\u3067\u306f\u6709\u308a\u307e\u305b\u3093\u3002
\n\u25cb<img src=”a.png” alt=”” width=”50″ height=”50″>\u2026width\u3068height\u306b\u30c0\u30d6\u30eb\u30af\u30aa\u30fc\u30c8\u304c\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u3053\u3061\u3089\u3082\u4e0d\u9069\u5207\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002
\n\u25cb<img src=”a.png” alt=”” width=”50″ height=”50″ >\u2026\u3053\u3061\u3089\u306b\u3064\u3044\u3066\u306f\u3001\u4f55\u306e\u4e0d\u8db3\u3082\u3042\u308a\u307e\u305b\u3093\u3002
\n\u00d7<img src=”a.png” alt=”” width=”50%” height=”50%”>\u2026width\u3068height\u306b\u300c%\uff08\u30d1\u30fc\u30bb\u30f3\u30c8\uff09\u300d\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u306f\u51fa\u6765\u307e\u305b\u3093\u3002
\n—
\nwidth\u3068height\u306e\u5358\u4f4d\u306b\u6ce8\u76ee\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n
\u7b2c\uff12\uff14\u554f<\/h3>\n
\u6b63\u56de\u7b54\uff1a\uff12
\n\u8a2d\u554f\u3067\u306f\u300cbutton.onclick = (event) => alert(‘first’);\u300d\u306e\u5f8c\u300cbutton.onclick = (event) => alert(‘second’);\u300d\u304c\u6307\u5b9a\u3055\u308c\u3066\u3044\u307e\u3059\u3002
\n\u3053\u306e\u5834\u5408\u3001\u5148\u306b\u6307\u5b9a\u3057\u305f\u300calert(‘first’);\u300d\u304c\u300calert(‘second’);\u300d\u306b\u30aa\u30fc\u30d0\u30fc\u30e9\u30a4\u30c9\uff08\u4e0a\u66f8\u304d\uff09\u3055\u308c\u305f\u3053\u3068\u306b\u306a\u308a\u307e\u3059\u3002
\n\u305d\u306e\u305f\u3081\u3001\u300calert(‘first’);\u300d\u306f\u767a\u52d5\u3055\u308c\u305a\u3001\u300calert(‘second’);\u300d\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n
\u7b2c\uff12\uff15\u554f<\/h3>\n
\u6b63\u56de\u7b54\uff1a\uff11
\n\u6b63\u7b54\u306f\u300c{“web”:”design”,”id”:1}\u300d\u306b\u306a\u308a\u307e\u3059\u3002
\n\u305d\u308c\u305e\u308c\u304c\u300c\uff1a\uff08\u30b3\u30ed\u30f3\uff09\u300d\u3067\u533a\u5207\u3089\u308c\u308b\u3053\u3068\u3068\u3001id\u306b1\u304c\u53d6\u5f97\u3055\u308c\u308b\u3053\u3068\u306b\u6ce8\u76ee\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
\u6b21\u56de\u306f\u300cWeb\u30c7\u30b6\u30a4\u30f3\u6280\u80fd\u691c\u5b9a2\u7d1a\uff08\u5b66\u79d1\uff09\u3000\u7d76\u5bfe\u306b\u5408\u683c\u3067\u304d\u308b\u904e\u53bb\u554f\u5fb9\u5e95\u89e3\u8aac\uff1a\u5e73\u621030\u5e74\u5ea6\u7b2c2\u56de\uff0826\uff09\u301c(30)\u300d\u3067\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u4eca\u56de\u306f\u300cWeb\u30c7\u30b6\u30a4\u30f3\u6280\u80fd\u691c\u5b9a2\u7d1a\uff08\u5b66\u79d1\uff09\u3000\u7d76\u5bfe\u306b\u5408\u683c\u3067\u304d\u308b\u904e\u53bb\u554f\u5fb9\u5e95\u89e3\u8aac\uff1a\u5e73\u621030\u5e74\u5ea6\u7b2c2\u56de\uff0821\uff09\u301c(25)\u300d\u3067\u3059\u3002 16\u554f\u76ee\u301c40\u554f\u76ee\u306f\u3001\u56db\u629e\u5f62\u5f0f\u306b\u306a\u308a\u307e\u3059\u3002 Web\u30c7\u30b6\u30a4\u30f3\u6280\u80fd\u691c\u5b9a2\u7d1a\uff08\u5b66\u79d1\uff09\u3000\u7d76\u5bfe\u306b\u5408\u683c\u3067\u304d\u308b\u904e […]<\/p>\n","protected":false},"author":1,"featured_media":82,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[13,8,14,12,15,16,17],"class_list":["post-106","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design-test-grade-2","tag-13","tag-web","tag-14","tag-12","tag-15","tag-16","tag-17"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t