jQuery03
jQueryで記述
- この記述で、ブラウザごとの差異を吸収して、そのブラウザでも同じように表示する
- 記述内容
$('#div1').click(function() { alert('クリックされました'); });
jQueryを読み込む
jQueryで記述
ソースコード【 HTML 】
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQuer読み込み</title> <script src="js/jquery.js"></script> <style> #div1 { width: 200px; height: 200px; background-color: #F00; cursor: pointer; } </style> </head> <body> <div id="div1"></div> <script> $('#div1').click(function() { alert('クリックされました'); }); </script> </body> </html>
ブラウザで表示【 Chrome 】
- クリックでアラート表示