name == としましょうfoo
。私の理解が正しければ、CSS と JavaScript コードを比較して、これらの識別子の類似性に気付いていることになります。
.textbox
.textbox-foo
.textbox_foo
CSSのクラスと結合するfoo
ある種のパラメータまたは疑似クラスはありますか? .textbox
ここの関係は?
答え: ありません。 textbox
、textbox-foo
、およびtextbox_foo
は、すべてまったく異なる HTML/CSS クラス名です。ハイフンとアンダースコアは、CSS の識別子の一部として完全に有効であるため、これら 3 つのクラスはabc
、 、def
、および と名付けられたかのように異なりghi
ます。
したがって、CSS に渡される変数はありません。そうです、CSS には変数がありません。表示されるのは、似たような名前を持つさまざまなクラスだけですが、ブラウザーに関する限り関連はありません。
ただし、 jQuery 呼び出し$(".textbox_" + name)
は JavaScript であり、JavaScript で変数を渡すことができます。jQuery を使用して、このコードは class name を持つ一連の HTML 要素を見つけます。textbox_foo
ここで、は関数foo
に渡した名前ですtextbox
。クラスも持っていない限り、クラスtextbox
またはの要素には触れません。textbox-foo
textbox_foo
jsFiddle デモ
JavaScripttextbox
関数に関しては、残りの部分を見ずに何をするかを知る方法はありません。私が見た他の jQuery プラグインに基づく私の推測では、name
フィードしたパラメーターに従って、ページ内の新規または既存のテキスト ボックスを操作するということです。おそらくスタイルと動作をそれらに追加し、その過程で、HTML 要素をクラスtextbox-foo
および/またはで動的に追加しますtextbox_foo
。似たような名前は、おそらく、生成された HTML ソースを理解するのに役立つでしょう。