jQueryはJavaScriptライブラリ、つまりJavaScriptの拡張機能であり、さまざまな増加する特殊効果のニーズを満たすために使用されます。 JavaScriptです
JQを説明するための基本的なJQプログラムを書きましょう。
1。基本的な目的
Webページには3つのボタンがあり、1つはテキストのみを非表示にでき、1つはテキストのみを表示でき、もう1つはテキストを非表示にして同時に表示できます。クリックして表示し、クリックして非表示になり、無限にループします。
2。生産プロセス
1.まず、JQ公式WebサイトからJQサポートファイルをダウンロードして、サイトフォルダーに入れる必要があります。このサポートファイルはjquery1.11です。古いブラウザIE6と互換性のないjQuery2の代わりに、jQuery公式ウェブサイトから古いブラウザーIE6と互換性のあるjquery1.11をダウンロードできます。
2. Webページコード全体は次のとおりであり、次に説明されています。
<！doctype html public " - // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <スクリプトタイプ= "テキスト/javascript" $（document）.ready（function（）{$（ "＃hide"）。クリック（function（ "＃text"）。hide（）;}）; $（ "＃show"）; click（$（ "＃text"）。 </script> <！ - <style type = "text/css">＃text {display：none} </style> - > <title> jqはフェードアウトして表示</title> </head> <body> <pid = "text"> tossed text </p> <ボタンID = "非表示">非表示</ボタン> < </html>（1）<body>部分
<head>パーツは主にコアコードパーツを実装します。後でそれについて話しましょう。 <body> part <body> <！ - これは簡単なスクリプト制御のためのテキストとしてIDを持つテキストです - > <p id = "text"> tossed text </p> <！ - それぞれ非表示、表示、切り替えにボタンを設定します - > <ボタンID = "非表示">非表示</ボタン> <ボタンID = "
（2）<head>パーツ
<head> <！ - jq-> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script = "text/javascript" src = "src =" src = "js/jquery-1.11.11.1.1.js $（document）.ready（function（）{}）;この関数によって提供されたフレームワークを実行する必要がない場合、実行できません - > $（document）.ready（function（）{<！ - を書き込みます。この関数で必要な関数を書き込みます - > <！ - ID非表示のボタンでクリックアクションの関数を呼び出します。 }）; click（function（）{<！ - > $（ "＃text"）。