javaScriptとは
ブラウザで実行されるクライアントプログラムだよ。
ブラウザは、ウェブページを画面上に写すソフトだよ(ChromeとかFirefoxとかね!)。
HTMLの操作がおもな役割だよ。
芦田愛菜だよ。
javaScriptの機能
-
HTML要素の操作
HTMLをいろいろいじれる。例えば、HTMLの要素の属性値やCSSプロパティを変更したり、HTML要素自体を動的に作り出したりできる。 -
実行条件の指定
条件に合わせて処理を行なったり、行なわなかったり決めれて、複雑な動きや機能をつけられる。 -
webサーバとの通信
Ajaxを使って、ページ遷移せずにwebサーバーと通信をすることができる(例:GoogleMapがぬるぬる動くのはこれのおかげですよ)。
jQueryとは
jQueryはjavascriptのフレームワーク。
フレームワーク…元になる機能を隠して、ユーザーにより使いやすいようにしてくれるもののこと。
jQueryの各機能はjsの一つ以上の機能をまとめたもので、jsを書くよりも簡単に短くプログラミングができてとっても便利。
ちなみにプラグインを追加することで、jQueryに新しい機能を追加することもできる。
jQueryの人気のある理由
- プログラムの知識がない人でも比較的簡単に使える
- jsだと何行もするプログラムをたった数行で実行できる
- jsにはある『ブラウザによる違い』を無くしてくれる(クロスブラウザ対策)
- 手軽に使えるプラグインがたくさんあり、新しい機能を追加できる
jQueryを使うには
以下のサンプルのようにHTMLファイルのscriptタグ
から読んであげます。
このようにjQueryファイルを読み込むことで、同じくHTMLから読み込んでいるjsファイル内でjQueryが使えるようになります。
ダウンロードする場合
<html>
<head>
<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
</head>
<body>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
ダウンロードしない場合
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>