jQエントリ関数、イベントの書き方

2.1 jqのエントリ関数の書き方
書き方1:

$(document).ready(function(){
 
   //           jQuery   ...
 
});

書き方2:

$(function(){
 
   //          jQuery   ...
 
});

私は一般的に書き方2を使っていますが、両方の書き方は、ドキュメントが完全にロードされるか準備が整う前にjQueryコードを実行することを防止するためです.例えば、ドキュメントが完全にロードされていない前に関数を実行すると、操作が失敗します.
栗を挙げます.

存在しない要素を隠そうとする

は、完全にロードされていない画像のサイズ

を得る.
すなわち、ブラウザがhtmlページのすべてのノードをロードしていない場合、jQueryコードのいくつかの操作がトリガーされ、対応するノードが取得されず、そのノードに対して他の操作を行うことができない.
2.2 jQueryの構文

jQueryで使用される構文は、XPathとCSSセレクタ構文の組合せです.

換言すれば、jQuery構文は、HTML要素を選択し、選択した要素に対していくつかの操作を実行する.

$(selector).action()
jQueryでは、(クエリー、query)HTML要素を選択し、「アクション」(actions)を実行できます.

ドル記号定義jQuery
$といえば、私の頭の中ですぐにjQueryを思い出して、$はjQueryパッケージのセレクタに相当します.

セレクタ(selector)「クエリー」および「検索」HTML要素;

jQueryのaction()要素に対する操作

を実行する.
2.3 jqのセレクタ

1、jQueryセレクタは、要素のid、クラス、タイプ、属性、属性値などの「検索」(または選択)HTML要素に基づいています.

2、既存のCSSセレクタに基づいているほか、いくつかのカスタムセレクタもあります.

3、jQueryのすべてのセレクタはドル記号で始まります:$()

エレメントセレクタ

$("elementName")

例:$(「span」---->ページのすべてのspan要素を取得する;

IDセレクタ

$("#idName")

例:$("#box")---->ページ内のid="box"の要素を取得し、idは一意である.

クラスセレクタ

$(".className")

例:$(.「.topBar」)---->ページ内のすべてのclass=「topBar」の要素を取得します.

その他の例:
要素
要素
構文
アクションの説明
$("*")
すべての要素を選択
$(this)
現在のHTML要素の選択
$("p.intro")
classをintroとする要素を選択
$("p:first")
最初の要素を選択
$("ul li:first")
1番目の要素の1番目の

要素

を選択
$("ul li:first-child")
各要素の最初の

要素

を選択します.
$("[href]")
hrefプロパティを持つ要素を選択
$("a[target='_blank']")
すべてのtarget属性値が「_blank」に等しい要素を選択
$("a[target!='_blank']")
すべてのtarget属性値が「_blank」に等しくない要素を選択
$(":button")
すべてのtype=buttonの要素と要素を選択
$("tr:even")
偶数位置の
$("tr:odd")
奇数位置の