jquery選擇器

1.:header

如果要選擇某個(gè)元素中的header元素那么漆撞,應(yīng)該這樣寫$(element :header);

注意:header與element之間應(yīng)該加上空格表示element中的:header于宙,而:header前面不應(yīng)該緊跟其它元素。

2.:contains()

:contains("str")前面緊跟元素名稱表示選中包含str的所有該元素至会,如果要限定某個(gè)范圍寫成這樣element1 element2:contain("str")谱俭。(解釋為:選中element1中包含帶有字符串str的element2)

3.:empty

對于:empty的理解類似于:contains()。

$(element1 element2:empty),(解釋:選中element1中子節(jié)點(diǎn)為空的element2元素昆著,關(guān)于子節(jié)點(diǎn)的理解(如果元素中包含文本那么也解釋為這個(gè)元素包含文本子節(jié)點(diǎn)))

4.多個(gè)匹配條件之間通過“,”隔開

$("h1,h2,h3,[href]")

解釋:選取h1,h2 ,h3和帶有href屬性的元素窃这。

5.空格和不加空格

注意在選擇器前面直接添加元素征候,表示選取符合選擇器條件的該元素。

在選擇器前面添加空格在添加元素疤坝,該元素表明選擇器的選擇范圍跑揉,如果沒有表示在整個(gè)文檔中尋找锅睛。

6.jQuery 名稱沖突

7.事件

1.bind();bind() 方法為被選元素添加一個(gè)或多個(gè)事件處理程序,并規(guī)定事件發(fā)生時(shí)運(yùn)行的函數(shù)辣垒。

? ?$(selector).bind(event,data,function)印蔬;添加一個(gè)事件處理程序

? ?$(selector).bind({event:function,event:function, ...});添加多個(gè)事件處理程序

2.focus();blur()

獲得焦點(diǎn)(失去焦點(diǎn))是觸發(fā)function

3.delegate() 方法為指定的元素(屬于被選元素的子元素)添加一個(gè)或多個(gè)事件處理程序例驹,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)退唠。

使用 delegate() 方法的事件處理程序適用于當(dāng)前或未來的元素(比如由腳本創(chuàng)建的新元素)。

$(selector).delegate(childSelector,event,data,function)

4.die() 方法移除所有通過 live() 方法向指定元素添加的一個(gè)或多個(gè)事件處理程序瞧预。

$(selector).die(event,function)

8.動畫

1.$(selector).animate({params},speed,callback);

{params}這里是產(chǎn)生動畫的css,callback是動畫播放完成后執(zhí)行的函數(shù)扔茅,可以為空秸苗。

*(默認(rèn)地运褪,所有 HTML 元素都有一個(gè)靜態(tài)位置,且無法移動秸讹。如需對位置進(jìn)行操作,要記得首先把元素的 CSS position 屬性設(shè)置為 relative弧可、fixed 或 absoluteA踊丁)

也可以定義相對值(該值相對于元素的當(dāng)前值)。需要在值的前面加上 += 或 -=:


$("button").click(function(){

$("div").animate({

left:'250px',

height:'+=150px',

width:'+=150px'

});

});

您甚至可以把屬性的動畫值設(shè)置為 "show"校套、"hide" 或 "toggle":


$("button").click(function(){

$("div").animate({

height:'toggle'

});

});

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末牧抵,一起剝皮案震驚了整個(gè)濱河市侨把,隨后出現(xiàn)的幾起案子妹孙,更是在濱河造成了極大的恐慌,老刑警劉巖蠢正,帶你破解...
    沈念sama閱讀 221,820評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件机隙,死亡現(xiàn)場離奇詭異,居然都是意外死亡有鹿,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評論 3 399
  • 文/潘曉璐 我一進(jìn)店門持寄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來娱俺,“玉大人,你說我怎么就攤上這事模庐∮鸵耍” “怎么了掂碱?”我有些...
    開封第一講書人閱讀 168,324評論 0 360
  • 文/不壞的土叔 我叫張陵疼燥,是天一觀的道長蚁堤。 經(jīng)常有香客問我,道長披诗,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,714評論 1 297
  • 正文 為了忘掉前任搞莺,我火速辦了婚禮掂咒,結(jié)果婚禮上迈喉,老公的妹妹穿的比我還像新娘温圆。我一直安慰自己,他們只是感情好岁歉,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,724評論 6 397
  • 文/花漫 我一把揭開白布锅移。 她就那樣靜靜地躺著,像睡著了一般非剃。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上券坞,一...
    開封第一講書人閱讀 52,328評論 1 310
  • 那天肺素,我揣著相機(jī)與錄音,去河邊找鬼倍靡。 笑死,一個(gè)胖子當(dāng)著我的面吹牛蜗顽,可吹牛的內(nèi)容都是我干的雨让。 我是一名探鬼主播忿等,決...
    沈念sama閱讀 40,897評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼庵寞!你這毒婦竟也來了薛匪?” 一聲冷哼從身側(cè)響起捐川,我...
    開封第一講書人閱讀 39,804評論 0 276
  • 序言:老撾萬榮一對情侶失蹤古沥,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后岩齿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,345評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡龄章,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,431評論 3 340
  • 正文 我和宋清朗相戀三年做裙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了肃晚。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片锚贱。...
    茶點(diǎn)故事閱讀 40,561評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡惋鸥,死狀恐怖悍缠,靈堂內(nèi)的尸體忽然破棺而出卦绣,到底是詐尸還是另有隱情飞蚓,我是刑警寧澤,帶...
    沈念sama閱讀 36,238評論 5 350
  • 正文 年R本政府宣布溅漾,位于F島的核電站著榴,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏脑又。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,928評論 3 334
  • 文/蒙蒙 一往衷、第九天 我趴在偏房一處隱蔽的房頂上張望严卖。 院中可真熱鬧,春花似錦哮笆、人聲如沸汰扭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽本讥。三九已至,卻和暖如春色查,著一層夾襖步出監(jiān)牢的瞬間撞芍,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評論 1 272
  • 我被黑心中介騙來泰國打工验毡, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人晶通。 一個(gè)月前我還...
    沈念sama閱讀 48,983評論 3 376
  • 正文 我出身青樓哟玷,卻偏偏與公主長得像,于是被迫代替她去往敵國和親巢寡。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,573評論 2 359

推薦閱讀更多精彩內(nèi)容