ホームページ > 記事 > ウェブフロントエンド > jqueyでreadyを使う方法
jqueyでreadyを使う方法
- 一个新手オリジナル
- 2017-09-30 09:02:411610ブラウズ
ready は、ドキュメントがロードされた後に関数をアクティブ化します
例:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"><
/script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").slideToggle();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
</body>
</html>定義と使用法:
ready は、DOM (ドキュメント オブジェクト モデル) がロードされ、ページ (画像を含む) が読み込まれたときに発生します。完全にレンダリングされたイベント。
このイベントはドキュメントの準備ができた後に発生するため、他のすべての jQuery イベントと関数をこのイベントに配置することをお勧めします。上の例と同じように。
ready() 関数は、ready イベントが発生したときに実行されるコードを指定します。
ready() 関数は現在のドキュメントでのみ機能するため、セレクターは必要ありません。
次の 3 つの構文が許可されます:
1、$(document).ready()； 2、$().ready()； 3、$()；
以上がjqueyでreadyを使う方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：AJAXの具体的な使い方次の記事：AJAXの具体的な使い方