jquery的三大功能是選擇器,屏蔽瀏覽器差異,和插件擴(kuò)展。
一、JS基本選擇器是JQuery中最常用的選擇器,也是最簡(jiǎn)單的選擇器,它通過(guò)元素id、class 和標(biāo)簽名來(lái)查找DOM元素。這個(gè)非常重要,下面的內(nèi)容都是以此為基礎(chǔ),逐級(jí)提高的。
1).“$(“#id”)”,獲取id指定的元素,id是全局唯一的,所以它只有一個(gè)成員。
2).“$(“.class”)”,獲取class指定的元素,不同的元素可以具有相同的class屬性,所以它可能具有多個(gè)成員。
3).“$(“element”)”,獲取element(元素名,比如div、table等)指定的元素,它可能具有多個(gè)成員。
4).“$(“*”)”,獲取所有元素,相當(dāng)于document。
5).“$(“selector1,selector2,…,selectorN”)”,將每個(gè)選擇器匹配到的元素合并后一起返回。返回selector1匹配的集合+selector2匹配的集合+…+selectorN匹配的集合。
二、層次選擇器
什么是層次?層次就是父子關(guān)系、兄弟關(guān)系的節(jié)點(diǎn)。所以,層次選擇器就是用來(lái)獲取指定元素的父子節(jié)點(diǎn)、兄弟節(jié)點(diǎn)。
1).“$(“ancestor descendant”)”,獲取ancestor元素下邊的所有元素。
2).“$(“parent > child”)”,獲取parent元素下邊的所有子元素(只包含第一層子元素)。
3).“$(“pre + next”)”,獲取緊隨pre元素的后一個(gè)兄弟元素。
4).“$(“pre ~ siblings”)”,獲取pre元素后邊的所有兄弟元素。
不包括
?一:css基本選擇器有哪些
1.css屬性選擇器
2.css標(biāo)簽選擇器
3.cssID選擇器
4.css的通配符
二:css有哪些高級(jí)選擇器
1.css標(biāo)簽選擇器
css標(biāo)簽選擇器其實(shí)就是頁(yè)面上的所有類型的標(biāo)簽,我們對(duì)經(jīng)常描述稱為共性,對(duì)無(wú)法描述的稱為個(gè)性。我們?cè)陧?yè)面上看到input,div和ul都有可能是選擇器,無(wú)論這個(gè)標(biāo)簽藏得多深,都可能被選擇上,并且選擇的是所有標(biāo)簽,并不是單單指一個(gè)。
2.cssID選擇器
css中我們使用#來(lái)對(duì)名字進(jìn)行自定義,#是指對(duì)一個(gè)特殊的標(biāo)簽來(lái)使用,并且只能用一次,在任何html標(biāo)簽中,都可以有id屬性,但是前提要按照字母開(kāi)頭,更不能用字母去開(kāi)頭,或者和標(biāo)簽同名。還有一些高手建議在css層面上盡量不要使用id。
3.css類選擇器
css中類選擇器,我們使用.來(lái)表示,我們使用類來(lái)表示,其實(shí)就是比較靈活。class和id是十分相似的,并且同一個(gè)標(biāo)簽可以使用很多個(gè)類選擇器,也可以多種標(biāo)簽使用。
4.css的通配符,可以替換任何標(biāo)簽,目前有些瀏覽器是不支持使用。
1.類選擇器(class選擇器)
基本使用:
.類選擇器{
屬性名: 屬性值;
...}
2.id選擇器
基本使用:
#id選擇器{
屬性名: 屬性值;
...
}
3. html元素選擇器
某個(gè)html元素{
屬性名: 屬性值;
...
}
4.通配符選擇器
該選擇器可以用到所有的html元素,但是其優(yōu)先權(quán)最低
*{
屬性名: 屬性值;
...
}