DOMDocumentとDOMXPathを使用して XML ファイルを操作できることを知っています。しかし、私は JQuery が大好きで、サーバー側の DOM 操作に使用できる、PHP の世界にもっと JQuery のようなものがあれば素晴らしいと思います。

注:ここで興味があるのは、JQuery が DOM を選択して操作する方法だけであり、JQuery の他のすべての部分ではありません (Pop とSizzleの部分だけでよいと思います )。

jquery.com からダウンロードした最新の jquery 1.4.2 には、Sizzle.js も付属しています。

含まれている Sizzle.js からどのようなメリットを得ることができますか?

Sizzle.js はスタンドアロン ライブラリですか?

なぜjqueryライブラリに含まれているのですか?

これは sizzle.js Web サイトで言及されていますが、

完全にスタンドアロン (ライブラリ依存なし)

縮小されたシズルが見つかりません=（そして、yuicompressorで自分で作成しようとすると、その後、一部の機能が機能しなくなります。助けてください。

Web-Harvest で HTML Unit v2.6 を使用し、その機能を拡張して新しい要素を作成します。

これを実行すると、要素が指定された URL をロードしているときに例外が発生します。詳細は以下の通りです。

原因: net.sourceforge.htmlunit.corejs.javascript.EcmaError: TypeError: オブジェクト net.sourceforge.htmlunit.corejs.javascript.EcmaError に関数 hasOwnProperty が見つかりません: ReferenceError: "Sizzle" が定義されていません。net.sourceforge.htmlunit.corejs.javascript.ScriptRuntime.constructError(ScriptRuntime.java:3651) で net.sourceforge.htmlunit.corejs.javascript.ScriptRuntime.constructError(ScriptRuntime.java:3629) で net.sourceforge.htmlunit.corejs .javascript.ScriptRuntime.typeError(ScriptRuntime.java:3657) で net.sourceforge.htmlunit.corejs.javascript.ScriptRuntime.typeError2(ScriptRuntime.java:3676) で net.sourceforge.htmlunit.corejs.javascript.ScriptRuntime.notFunctionError(ScriptRuntime) .java:3740) で net.sourceforge.htmlunit.corejs.javascript.ScriptRuntime.getPropFunctionAndThisHelper(ScriptRuntime.java:2249) で net.sourceforge.

「Sizzle」(YUI3 に存在) がこれを引き起こしているようです。次に、Firefox と IE で同じことを確認しましたが、どちらのブラウザーでも「Sizzle」が定義されていないというエラーは表示されませんでした。

また、htmlunit の最新のスナップショットを使用しようとしましたが、同じ問題がありました。

これは HTML Unit JavaScript エンジンの制限 (バグ) ですか?

また

この例外を処理するように HTML Unit を構成する方法はありますか?

誰かがすでにそのような問題を抱えている場合は、お知らせください。

どんな助けでも大歓迎です。

前もって感謝します ！

DOMのさまざまな部分を選択するためにsizzleを使用しています。

私のコードは以下の通りです。問題は、ユーザーがページを操作したときではなく、ページが読み込まれたときにonmouseupイベントがトリガーされることです。

誰かがこれがなぜであるか説明できますか？

ありがとう。

要求に応じたHTML：

これは長いものになるので、カウボーイをサドルアップしてください. 午前中は古いコードのいくつかを調べていましたが、ベスト プラクティスと最適化について疑問に思っています。主観的なレーンに乗り込むのを避けるために、いくつかの例を投稿し、質問に簡単に答えられることを願っています。答えを簡単にし、間違いの可能性を減らすために、例を非常に単純に保つようにします. どうぞ：

1) 割り当てと jQuery 呼び出し

セレクターにアクセスするときは、同じ呼び出しを複数回行うよりも、セレクターを変数に割り当てる方が一般的に良いと考えられていることを理解しています-例.

対。

jQuery の を参照するときに、これと同じ規則が適用されます$(this)か? 元。テーブル内の一部のデータをクリック可能にし、リンクをカスタマイズする簡単なスクリプト。

対。

2)this対$(this)

さて、この次のものは私が長い間疑問に思っていたことですが、それに関する情報を見つけることができないようです. 無知をお許しください。thisjQuery をラップするのではなく、バニラ js を呼び出すのはいつ意味があり$(this)ますか? 私の理解では -

this次のようなバニラ オブジェクトの DOM 属性にアクセスするよりもはるかに効率的ではありません-

そこで何が起こっているのかは理解していますが、どちらを使用するかを決定する際に従うべき経験則があるかどうか疑問に思っています。

3) 特異性が高いほど常に優れていますか?

これは非常に単純ですが、セレクターをより具体的にすることは常に有益ですか? $('.rowStripeClass')よりもはるかに遅いことは簡単にわかります$('#tableDiv.rowStripeClass')が、どこで線を引きますか? $('body div#tableDiv table tbody tr.rowStripeClass')まだ速いですか？任意の入力をいただければ幸いです。

ここまでたどり着いたら、見てくれてありがとう！まだの場合は、:p </p>

いつ Slick を使い、いつ Sizzle を使いたいですか? スタンドアロンの CSS セレクター エンジンとしてのそれぞれの長所と短所は何ですか? Slick は JQuery でどれくらい簡単に使用できますか? Sizzle は Mootools で使用できますか?

次の 2 つの例では、「PDT」というテキストを直接含む要素のみに一致する jQuery セレクターを見つけようとしています (簡潔にするために切り捨てられています)。

と

最初のケースで<strong>は 、2 番目のケースでは最初の になり<p>ます。両方に一致する単一のセレクター、または誤検知を検出しない複数のセレクターを探しています。

私の分析では、一致する要素について次のことがわかっています。

• <p>要素または<strong>要素のいずれかです。
• 彼らは親の最初の子供です
• 「PDT」というテキストが含まれています
• 彼らには子供がいません

これらすべての属性を考えると、これらの要素を高精度で検出し、誤検出をほとんどまたはまったく起こさない jQuery セレクターが必要だと思います。ただし、これほど複雑なセレクターを使用していないため、1 つをまとめるのに苦労しています。

私が知っているツールは次のとおりです（それぞれドキュメントにリンクされています）：

• :含む(テキスト)
• ：第一子
• ：空の

最後のものが役立つかどうかはわかりません。ドキュメントをもっと注意深く読んだところ、テキスト ノードが :empty セレクターによって考慮されていることに気付きました。そのため、ターゲットにしようとしている HTML 要素は実際には空ではありません。ただし、テキスト ノードは 1 つだけで、他には何も含まれていないという事実に頼ることができます。

私の最初のショットは：

しかし、それはうまくいきませんでした。私は他のいくつかのバリエーションを試しましたが、ちょっと困惑しています。誰でもガイダンスを提供できますか？

1 つの注意点: 実際にはスクリプトで jQuery を使用しているのではなく、その Sizzle セレクター エンジンを使用しています。したがって、これをすべて 1 つのセレクターで行う必要があり、.find() や .filter() などの jQuery メソッドを使用することはできません。

助けてくれてありがとう！

私の理解では、Sizzleはオブジェクトの配列（DOMElements）を返します。そのオブジェクトの配列をforループでウォークしようとしていますが、エラーが発生します。私がプロパティを取得しようとすると

正常に動作しますが、別の関数に渡してからアクセスしようとすると

未定義の返品があります。ドット表記を解析して役に立たないようにするなど、さまざまな方法を試しました。私は困惑しています。どんな指針やアイデアも素晴らしいでしょう。また、関数へのすべての入力が正しいことを確認しました（アラートを出すことで）。また、関数に必要な値を取得するために値をハードコーディングすることもできます。これが私のコードです:(すみません、長いです）....。

私はまだ Sizzle セレクターの使い方を学んでいます。これまでのところ、私はこれを知っています：

Sizzle('#blah')- ドキュメント全体で ID が「何とか」の要素を検索します。

Sizzle('.blah')- css クラス 'blah' を持つ要素のドキュメント全体を検索します。

すると今日、こんなのを見つけました。

Sizzle('> div')- ドキュメント全体で「div」タグの要素を検索します。（私は間違っているかもしれませんが、それは私のためにやっていることです）

Sizzle を使用して何かを検索するには、他にどのような構文があるのでしょうか??