jQueryの$()_jqueryの3種類-jsチュートリアル-php.cn

1. $() は、CSS セレクター、Xpath、または html 要素である $(expression) にすることができます。つまり、ターゲット要素は上記の式を通じて照合されます。
例: $("a") によって構築されたオブジェクトは、CSS セレクターを使用して jQuery オブジェクトを構築します。これにより、すべてのタグが選択されます。例:
$("a").click(function(){...})
は、ページ上のリンクがクリックされたときにトリガーされるイベントです。正確に言うと、jQuery はタグを使用してオブジェクト $("a") を構築し、関数 click() はこの jQuery オブジェクトの (イベント) メソッドです。

たとえば、次の HTML コードがあります:

コードをコピーしますコードは次のとおりです。以下のように:

three
jQuery

而操作这段HTML的是如下一条语句：
alert($("div>p").html());

$()中的是一个查询表达式，也就是用“div>p”这样一个查询表达式构建了一个jQuery对象，然后的“html()”意思是显示其html内容，也就是上面HTML代码段的[two]。再如：
$("

Hello

").appendTo("body");
$() は文字列です。このような文字列を使用して jQuery オブジェクトを構築し、この文字列をに追加します。

2. $() は、特定の DOM 要素である $(element) にすることができます。たとえば、コード行
$(document) など、一般的な DOM オブジェクトにはドキュメント、場所、フォームなどが含まれます。 find("div>p").html());
$() 内のドキュメントは DOM 要素です。つまり、全文で

要素を検索します。 display
3. $() は $(document).ready() の短縮形です。一般的な形式は次のとおりです:
$ (document).ready (function(){
alert("Hello world!");
});
変数操作:
$(function(){
alert("Hello world!");
});

HTML ドキュメント内の要素を選択するために、jQuery には 2 つのメソッドがあります:
1) $("div>ul a") など、その ul 内の a タグを意味します。 div タグ内のタグ
ただし、$('div>ul') と $('div ul') には違いがあり、

$(' div>ul') は次のようになります。
は

の直接の子孫の中から検索されますが、$('div ul') は

<🎜; のすべての子孫の中から

の直接の子孫です。

のすべての子孫の中から

の子孫に
が含まれている場合でも、ID が「sId」であるすべての
子ノードを選択します。検索の範囲を選択します (検出される DOM オブジェクトは、その独自のレベルの DOM オブジェクトのみです)。 $('#sId li:not(.horizontal)') は、クラス名 "sId" 内の li のすべての子孫が、horizontal クラスのすべての要素を持たないことを意味します。 ——not() は否定擬似クラスです。
ここで返されるのは jQurey オブジェクト、配列オブジェクトであり、この jQuery オブジェクトの長さは .length() で取得できます。
2. これは要素の属性であり、属性セレクターです。
[] には @ がありません。これは、[] が要素の子孫であることを示します。
$('ul li') と $('ul[li]') はどちらも jQuery 配列を返しますが、その意味はまったく逆です。前者は、
- の子孫をすべて検索するものであり、後者は、子孫が
- である