ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript 関数ライブラリ jQuery_jquery の予備的な理解
JavaScript 関数ライブラリ jQuery_jquery の予備的な理解
- WBOYオリジナル
- 2016-05-16 15:54:231020ブラウズ
jQuery ライブラリは、単純なマークアップ行を使用して Web ページに追加できます。
jQuery ライブラリ - 機能
jQuery は JavaScript 関数ライブラリです。
jQuery ライブラリには次の機能が含まれています:
- HTML 要素の選択
- HTML 要素の操作
- CSS 操作
- HTMLイベント関数
- JavaScript の特殊効果とアニメーション
- HTML DOM のトラバーサルと変更
- アヤックス
- ユーティリティ
jQuery ライブラリをページに追加します
jQuery ライブラリは、すべての jQuery 関数を含む JavaScript ファイル内にあります。
jQuery は、次のタグを通じて Web ページに追加できます:
<head> <script type="text/javascript" src="jquery.js"></script> </head>
3f1c4e4b6b16bbbd69b2ee476dc4f83a タグはページの 93f0f5c25f18dab9d176bd4f6de5d30e にある必要があることに注意してください。
基本的な jQuery の例
次の例は、HTML ドキュメント内のすべての e388a4556c0f65e1904146cc1a846bee 要素を非表示にする、jQuery の hide() 関数を示しています。
例
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
自分で試してみましょう
jQuery をダウンロード
ダウンロードできる jQuery には、縮小バージョンと非圧縮バージョン (デバッグまたは読み取り用) の 2 つのバージョンがあります。
どちらのバージョンも jQuery.com からダウンロードできます。
ライブラリの置き換え
Google と Microsoft はどちらも jQuery を強力にサポートしています。
コンピューターで jQuery ライブラリをホストしたくない場合は、Google または Microsoft から CDN jQuery コア ファイルをロードできます。
Google の CDN を使用する
<head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></script> </head>
Microsoft の CDN を使用する
<head> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery /jquery-1.4.min.js"></script> </head>