ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery の基本構文の入門 example_jquery

jQuery の基本構文の入門 example_jquery

WBOY
WBOYオリジナル
2016-05-16 16:24:57899ブラウズ

この記事の例では、jQuery の基本的な構文について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

この構文ルールは、jQuery オブジェクトの取得と jQuery オブジェクトに対する操作の実行の 2 つの部分で構成されます。

コードをコピー コードは次のとおりです:
$(selector).action()

以下は、上記の文法規則の詳細な説明です:
1.$jQuery を定義し、選択した DOM オブジェクトを jQuery オブジェクトに変換します。
2.selector は CSS セレクターに似たセレクターです。
3.action() は、jQuery オブジェクトに対して実行される操作です。
注: $ は jQuery の略称です。例:
コードをコピー コードは次のとおりです:
$("div")

は次のように書くこともできますが、私たちは上記の方法で書くことに慣れています。

コードをコピー コードは次のとおりです。
jQuery("div")

コード例:

コードをコピーします コードは次のとおりです:



<頭>


スクリプト ホーム


<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$("div").hide(); });
})









上記のコードでは、ボタンをクリックすると div を非表示にできます。

この記事が皆さんの jquery プログラミング設計に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。