select要素

Question

はのは、私はいくつかの

<TR style = "background-color : red ;"> 

といくつかの

<TR> 

を持っているとしましょう（そのスペースコロンの隣とに注意すべき

：私が扱っていたページがそのように書かれているので、セミコロンは、この、今）、

意図的です

は完全に機能します。しかし、hereと書かれています。

[name！= "value"]ネイティブDOM querySelectorAll（）メソッドによって提供されるパフォーマンスの向上を利用できません。最近のブラウザでのパフォーマンスを向上させるために、$（「あなたの-純粋なCSSセレクタ」）を使用しない（「[名前は= 『値』]」）の代わりに

ので、私は思っていた：私の式がベストです1つまたはそれ以上のもの：

$('.detailtable tr').not('[style~="darkgray"]') // this doesn't work! 

の方が優れていますか？この最後の表現を書く正しい方法は何ですか？興味深いことに

Answer 1

あなたが本当に「は属性内の文字列が含まれていないという要素を選択」したい場合はそのように、あなたは、*=代わりの~=を使用する必要があります。

$('.detailtable tr').not('[style*="darkgray"]'); 

ここfiddleです。

---

そして、いや、.notを使用することは、おそらく速くはありません。querySelectorAllはそのセレクタをそのまま解析できるはずです。

これを参照してくださいfiddle。

---

編集：あなたはIE8を気にした場合、その、あなたに小さなパフォーマンスの向上を与える代わりに:notセレクタの.not方法を使用して、ずっと。この理由は非常に簡単です：IE8は属性セレクタをサポートしますが、否定セレクタはサポートしません。

Answer 2

I'd suggest you take a look at this.

予め

おかげで、疑似セレクタ（様「：しない」）は、実際に最初のセレクタに次の関数を使用するよりも遅くなる傾向があります。実際...彼らは明らかに「2倍遅い」。

私は引用：

1. $("#id p");
2. $("#id").find("p");

それは第二の方法は、二倍の速最初として以上になる可能性が ことを学ぶためにあなたを驚かせるでしょうか？あなたのコードがうまく実行されていることを確認する際に、 セレクタが他の人よりも優れている（そして理由は）かなり重要な建物であることを知っているとブロックされます。

私は.notと行きたいです。

Answer 3

W3C Recommendationから、現在使用しているものはdocument.querySelectorAll()でも完璧に正常に動作するはずです。

おそらく、期待どおりに動作するかどうかテストできます。