2010-12-12 8 views
4

jQueryを学びたい。私の意見では、jQueryはあなたが望む要素を選択してから、何かをします。しかし、選択方法はCSSセレクタの近くにあります。私はいつもそれがむしろシステムではないと思っているので、私はCSS CSSセレクターに慣れていません。何のルールも見つけられません。jQueryのCSSセレクタの学習

私はCSSセレクタについて知っているすべては以下の通りです:

#id 
.class 

だから私は、CSS/jQueryのセレクタを使用しているときのルールがあるだろうか?


UPDATE:

は君たちが私に、について説明を与えることができ、私はこれを理解することはできません:CSS 2.1では

は、スタイルが通常でその位置に基づいて要素に を取り付けられています。 ドキュメントツリー。このシンプルなモデル で十分ですが、 ドキュメントツリーの構造のために、 一般公開シナリオの一部が である可能性があります。たとえば、HTML 4 ([HTML4]を参照)では、要素が の段落の最初の行を指していないので、 なので、単純なCSSセレクタでは を参照することはできません。

「疑似要素と疑似クラス」がインポートされた理由は同じですが、正確にはどういう意味ですか?どのように "を理解するかは、段落の最初の行を参照していないので、単純なCSSセレクタはそれを参照することはできません"?

+1

いいえ、ルールはありません。それは純粋な無秩序です...ただ冗談です。 :)ルールはシンプルで、CSSセレクタについての良いチュートリアルを読んでください。すぐに取得できます。 –

+0

仕様の第5章では、この分野のすべての必要な知識を提供する必要があります:http://www.w3.org/TR/CSS21/selector.html –

+0

皆さんありがとうございます:) – hguser

答えて

7

jQuery APIサイトには、セレクタ用のちょうどのチュートリアルがあり、take a look here - the "getting started" tutorial hereの一部です。

ルールでは、選択したい項目に正しいselectorを使用しています...それは選択しようとしている内容によって異なります。上記の最初のリンクは、どのセレクタが何を行い、いつそれらを使用するのかを助けます。

はまた明確にするために、 CSSセレクタ、彼らはform selectorsbasic filter selectorsvisibility selectors、およびcontent filter selectorsのように、特定の追加のjQueryをしているではありません多くのselectorsことがあります。

+0

firebugコンソールはセレクタを試すのに素敵です。 –

+1

@Paulo - jsfiddle!、jQueryとjQuery UIのセットアップがあります:http://www.jsfiddle.net/nick_craver/8mSnq/ –

+0

チップをありがとう。 –

0

あなたの質問がjQueryフレームワーク内のCSSセレクタに向けられているように思えますが、jQueryは要素をつかむのをはるかに上回ると言わなければなりません。

1)jQuery Tutorials
2)Plugin Authoring
3)Animation
4)jQuery UI

また、それはjQueryのを理解することが重要だとそれはJavaScriptを使用しての関係です。 jQueryは、JavaScriptで構築されたフレームワークです。したがって、私は、良いJavaScript開発者が素晴らしいjQuery開発者を作ることを確信しています。

0

CSSとjQueryセレクタが混乱しているようです。構文と目的の両方に違いがあります。これらの2つのセレクタをここで見てください。 css selectorsおよびjQuery selectors

CSSセレクタを使用すると、静的HTML要素をつかんで、そのスタイルを変更できます。しかし、技術的にはHTML要素を使ってその振る舞いを変えることはできません。 jQueryセレクタの場合は、実際に静的HTML要素を取得して操作することができます。あなたはその行動を変えることができ、その位置を変えることができ、テキストを変えることができ、またn番目の子供セレクタなどを使って数学的に見つけることができます。

関連する問題