問題タブ [custom-selectors]

私にとって、jQuery の最高の機能の 1 つでありながら十分に活用されていないのは、カスタム セレクターです。空のテキスト ボックスをすべて選択する、かなり簡単な例があります。

そして呼び出すには：

私は本当に、他の誰かが彼らが書いたカスタムセレクターのいくつかの有用な例を持っているかどうか疑問に思っていました.

もちろん、私はこれらの落とし穴に盲目ではなく、非常に遅くなる可能性があるため、他のより高速なセレクターと組み合わせる必要があることを認識しています。他に注意すべき問題があれば教えていただけると助かります。

セレクターの速度に関しては、＃IDセレクターが最も速く、次に要素セレクター、次に.classセレクターが続くと理解しています。

疑似クラスセレクターとカスタムセレクター（「：selector」の形式のもの）は.classセレクターに似ているといつも思っていましたが、よくわからないことに気づきました。

これは疑似クラス/カスタムセレクター内のコードの複雑さに依存することを理解しているので、これを要因として除外した答えを知りたいと思います。

どんな助けでもいただければ幸いです。

ありがとう。

要素のスタックからランダムな要素を選択する「：random」セレクターを実装しようとしています。

コードは次のとおりです：http：//jsfiddle.net/nuSWF/

問題は、セレクターが存在しない（インデックス外の）要素を選択しようとすることがあることです。そこで、原因を浮き彫りにしたデモコードを用意しましたが、その理由がわかりません。バグか何かのようです。

PS：他の方法でランダムな要素を選択できることは知っていますが、今回はこれを実装する必要があり、内部で何が起こっているのか疑問に思います。

bool を返すカスタム jquery セレクターを作成しようとしていますcss("visibility") == "inherit"が、機能していないようです。以下はコードです...

これは私がセレクターを使用しているコードです（私もライブで試しました）...

日付がクリックされたときに jQuery ui カレンダーが ajax 呼び出しを行うようにしようとしていますが、数日前に問題が発生しました。おそらくこれを行うコードのスニペットを見つけましたが、jQueryカスタムセレクターを使用していることがわかりました。コードでエラーが発生したので、カスタム セレクターを調べて詳細を調べました。これまでのところ、なぜこの奇妙な動作が発生するのかを見つけることができませんでした。

これがうまくいけば物事を解決するための写真です。後で詳しく説明します

コンソールに入力しました

そして、ご覧のとおり、meta2 と stack2 は未定義であり、もう 1 つ奇妙なことがあります。なぜ index2 は #document を返すのでしょうか。これには、要素の配列のインデックスが含まれているはずです。

さらに、要素 (el2) は正しい要素ではありません。見てください、私は電話します

$('.ui-datepicker-calendar td a:test(3)')

これはカレンダーからすべての日付を選択することになっており、最初のループで console.log がこれを出力するはずです

しかし、代わりに、ドキュメント全体で最初の「a」タグを取得します。この場合は、前月のタグです (図に示すように)。

誰かがこの状況に少し光を当てることができるなら、してください。ああ、もう一つ忘れていること

meta2 、これが含まれているはずです

繰り返しますが、私の場合は未定義です...

私のjavascriptコードを共有します。

下の画像のようなシーク バーのスタイルを設定したかったのです。

デフォルトのシークバーを使用すると、次のようになります。

だから私が必要とするのは、色を変えることだけです。余分なスタイルは必要ありません。これを行う簡単な方法はありますか、それともカスタム ドローアブルを作成する必要がありますか?

カスタムのものを作成しようとしましたが、上記のように正確なものを取得できませんでした。カスタム ドローアブルを使用した後、次のようになります。

カスタムのものを作成する必要がある場合は、進行状況線の幅と形状を減らす方法を提案してください.

私のカスタム実装:

background_fill.xml:

progress_fill.xml

進行状況.xml

親指.xml

シークバー:

私はJavaScriptに精通していないので、助けを求めています。opencart で javascript を使用して、次のブロックのメイン クラスにクラスを適用する方法を探しています。

次のJavaScriptコードを使用すると機能しますが、子クラスでのみ機能し、メインクラスに適用したいと考えています。コードは基本的に入力の親に適用するように言っているので、正しいことがわかります。しかし、メインクラスに適用されるように拡張または上昇するにはどうすればよいですか?

次のようなシークバーのカスタム サムを作成したいと考えています。

1 つの解決策は、png 画像を使用して親指を描画するthis oneです。

この親指に非常に似ているため、xmlのみを使用できるはずだと思います。

親指.xml

異なる画面解像度 (hdpi/mdpi/xhdpi/xxhdpi) のすべての画像をスキップして管理できるように、2 つ目の境界線 (周りに白い線) を追加する必要があります。

「楕円形」と「リング形」を組み合わせてみましたが、期待通りの結果が得られませんでした。どのようにそれを作ることができますか？