jQuery でドル記号 $ は何をするのでしょうか?

$("h2 a")

(2) 一般jquery のセレクターの構文は次のとおりです。

$(selector)

または

jQuery(selector)

セレクターは CSS3 標準に準拠します

(3) ID セレクター。JavaScript の document.getElementById に相当します ( "#showp"")

jQuery の表現方法がはるかに単純であることがわかります

$("#showp“)

(3) カテゴリ セレクター、JavaScript で "SomeClass" のすべてのノード要素として CSS カテゴリを選択します同じ選択を実現するには、

は for ループを使用して DOM 全体を走査する必要があります

$(".SomeClass")

(4) 奇数行にあるすべての

タグ (ほぼすべてのタグ) を選択します。 ":odd" または ":even" を使用して、奇数と偶数の選択を実現します。

$("p : odd")

(5) すべてのテーブル行の最初のセルが最初の列になります。これは、テーブルのプロパティを変更するときに非常に便利です。テーブルの列 便利です。テーブルを行ごとに移動する必要はもうありません

$("td:nth-child(1)")

$("li > a")

(7) すべてのハイパーリンクを選択すると、これらのハイパーリンクの href 属性は "pdf" で終わります。属性セレクターを使用すると、ページ内のさまざまな特徴的な要素を選択できます

("a [href=pdf]")

Note:

jQuery のドル記号「$」は、実際には「jQuery」と同等です。 jQuery のソースコードから見る

コードの記述の便宜上、通常は「jQuery」の代わりに「$」が使用されます

2。

$.trim(sString);

jQuery.trim(sString);

3. window.onload 関数の競合を解決する

$(document).ready(function(){

$("table.datalist tr:nth-child(odd)").addClass("altrow");

});

$(function(){
$("table.datalist tr:nth-child(odd)").addClass("altrow");
});

4. DOM 要素の作成

これは良い話です")

var oNewP = document.createElement("p");// 新建节点

var oText = document.createTextNode("这是一个好故事");

oNewP.appendChild(oText);

$(function(){           // ready函数

var oNewP = $("
这是一个好故事");// 创建DOM元素

oNewP.insertAfter("#myTarget");// insertAfter()方法

});



插入到这行文字之后

也就是插入到这行文字之前，但这行没有id,也可能不存在

5. "$" を追加するようにカスタマイズします。

$.fn.disable = function(){

return this.each(function(){

if(typeof this.disabled != "undefined") this.disabled = true;

});

}

以上代码首先设置".fn.disable",表明为""添加一个方法“disable()”,其中“$.fn”是扩展jQuery时所必须的

然后利用匿名函数定义这个方法，即用each()将调用这个方法的每个元素的disabled属性均设置为true(如果该属性存在)

6、解决"$"的冲突

如果其他框架也是用了“",会引起冲突，jQuery同样提供了noConflict()方法来解决""冲突问题

jQuery.noConflict();

以上代码可以使""按照其他javascript框架的方式运算，这时再jQuery中便不能在使用“”，而必须使用jQuery，

例如$("p p") 必须写成jQuery("p p").