jqueryセレクタの原理紹介（$（）の使い方
jQueryの対象を申明するたびに、戻ってくるのはjQuery.prototype.initの対象です。分からない人が多いです。initはjQuery.fnの方法なのに、実はここは方法ではなく、initの構成関数です。jsのプロトタイプの対象は継承できます。jsの対象は引用コピーではないです。new jQuery。new jQuery.fnとnew jQuery.fn.initのサブオブジェクトは同じですが、initに実行されているかどうかの違いがあります。
セレクタを使うと、intiではどのように実行されているかを確認します。
上のコードを分析してみます。このような簡単なセレクタではないなら、いずれもfind関数を実行します。findは一体使うものですか？
このように書くと、プログラムはこのようにしか実行されません。初めてinitを実行した時に、ステップgetElement ByIdを実行したら、returnを実行します。続けてfind('.className'，divDcument)を実行します。divDocumentは私達が初めて選んだのが、divタグがたくさんあります。そして初めてidを選ぶ速度も遍歴よりずっと速いです。
今は皆さん分かりましたよね。つまり、第1層はIDが一番いいということではなく、簡単なセレクタを選択して、範囲を定義し、速度を上げることが目的です。
セレクタを使うと、intiではどのように実行されているかを確認します。
if ( typeof selector == "string" )
{
// ， HTML #id
var match = quickExpr.exec( selector );
// DOM 、 jQuery 。
//selector #id
if ( match && (match[1] || !context) )
{
// HANDLE: $(html) -> $(array)
//HTML , clean HTML
if ( match[1] ){
selector = jQuery.clean( [ match[1] ], context );
}
// : $("#id")
else {
// id Dom
var elem = document.getElementById( match[3] );
if ( elem ){
if ( elem.id != match[3] )
return jQuery().find( selector );
return jQuery( elem );// return
}
selector = [];
}
// id . context
}
else{
return jQuery( context ).find( selector );
}
}
上のコードを分析してみます。このような簡単なセレクタではないなら、いずれもfind関数を実行します。findは一体使うものですか？
find: function( selector ) {
//
var elems = jQuery.map(this, function(elem){
return jQuery.find( selector, elem );
});
// ，
// js test
//indexOf("..") xpath , selector
//
return this.pushStack( /[^+>] [^+>]/.test( selector ) || selector.indexOf("..") > -1 ?
jQuery.unique( elems ) :
elems );
}
このように書くと、プログラムはこのようにしか実行されません。初めてinitを実行した時に、ステップgetElement ByIdを実行したら、returnを実行します。続けてfind('.className'，divDcument)を実行します。divDocumentは私達が初めて選んだのが、divタグがたくさんあります。そして初めてidを選ぶ速度も遍歴よりずっと速いです。
今は皆さん分かりましたよね。つまり、第1層はIDが一番いいということではなく、簡単なセレクタを選択して、範囲を定義し、速度を上げることが目的です。