jQueryの構文

jQuery 構文

jQuery 構文は、HTML 要素を選択し、選択した要素に対して特定の操作を実行します。

基本構文: $(selector).action()

ドル記号の定義 jQuery

Selector (セレクター) HTML 要素の「クエリ」と「検索」

j​​Query の action() は要素に対する操作を実行します

例:

$(this).hide() - 現在の要素を非表示にする

$("p").hide() - すべての <p> 要素を非表示にする

$("p.test") () - class="test" ですべての <p> 要素を非表示にする

$("#test").hide() - id="test" ですべての要素を非表示にする

ドキュメント準備完了イベント

あなたこの例のすべての jQuery 関数がドキュメント準備完了関数内にあることに気付いたかもしれません:

$(document).ready(function(){
// jQuery コードの作成を開始します...
});ドキュメントが完全にロードされる (準備が整う) 前に jQuery コードが実行されるのを防ぐためです。

ドキュメントが完全にロードされる前に関数を実行すると、操作が失敗する可能性があります。以下に 2 つの具体的な例を示します:

存在しない要素を非表示にしようとする

不完全にロードされた画像のサイズを取得する

ヒント: 簡潔に記述します (上記と同じ効果):

$(function(){

) // jQuery コードの作成を開始します...

});

ドキュメントの準備ができたら、jQuery メソッドを実行する方法を選択できます。

学び続ける
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").empty(); }); }); </script> </head> <body> <div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:green;"> <p>这是一段内容</p> <p>这还是一段内容</p> </div> <br> <button>清空框里内容</button> </body> </html>
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!