2010-12-12 58 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選擇器上的一個很好的教程,就可以很快得到它。 – 2010-12-12 13:51:01

+0

規範的第5章應該給你在這方面的所有必要的知識:http://www.w3.org/TR/CSS21/selector.html – 2010-12-12 13:52:48

+0

感謝你們所有人:) :) – hguser 2010-12-12 14:19:37

回答

7

jQuery API網站有幾個教程只是選擇器,take a look here - 它是the "getting started" tutorial here的一部分。

規則是使用正確的selector來選擇你想要的內容......除此之外,它取決於你想要選擇的內容;上面的第一個鏈接將幫助哪些選擇器做什麼,以及何時使用它們。

而且澄清,有很多selectors CSS選擇器,它們是jQuery的具體補充,像form selectorsbasic filter selectorsvisibility selectors,並content filter selectors

+0

螢火蟲控制檯非常適合用選擇器進行實驗。 – 2010-12-12 14:36:22

+1

@Paulo - 和jsfiddle!,這裏有一個jQuery jQuery UI設置:http://www.jsfiddle.net/nick_craver/8mSnq/ – 2010-12-12 14:55:29

+0

感謝您的提示。 – 2010-12-12 22:11:41

0

雖然我理解你的問題似乎是針對jQuery框架內的CSS選擇器......但我必須說,jQuery的作用遠不止於抓取元素。

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

此外,理解的jQuery是重要的,它是用JavaScript關係。 jQuery是一個基於javascript的框架。因此,我堅信一個好的JavaScript開發人員會成爲一名優秀的jQuery開發人員。

0

看起來你很混淆CSS和jQuery選擇器。語法和目的都有區別。在這裏看看這兩個選擇器。 css selectorsjQuery selectors

使用CSS選擇器,您可以獲取靜態HTML元素並修改其樣式。但從技術上講,你無法使用HTML元素來改變它的行爲。在jQuery選擇器的情況下,您實際上可以獲取靜態HTML元素並對其進行操作。這意味着你可以改變它的行爲,你改變它的位置,你可以改變它的文本,也可以用數學方法找到它們,使用第n個孩子選擇器等...