bind()事件綁定

bind()方法有3個(gè)參數(shù):

第1個(gè)是事件類型,包括:blur? focus? load? resize? ?click? ?mouseover? mousemove? mouseout? mouseenter? mouseleave? select? submit? ?keydown? keyup? submit 等挤茄,也可以自定義名稱。

第2個(gè)是可選參數(shù)缓艳,作為event.data屬性值傳遞給事件對(duì)象的額外數(shù)據(jù)對(duì)象

第3個(gè)參數(shù)是用來(lái)綁定的處理函數(shù)

jquery中的事件綁定類型比普通的javascript事件綁定類型少了"on"。例如鼠標(biāo)單擊事件在jquery中對(duì)應(yīng)的是click()方法蚜退,而在JavaScript中對(duì)應(yīng)的是onclick()

舉例:

單擊標(biāo)題顯示內(nèi)容恢总,再次單擊標(biāo)題 內(nèi)容隱藏

效果:


點(diǎn)擊事件后的效果


再次點(diǎn)擊標(biāo)題時(shí)菩浙,隱藏內(nèi)容區(qū)

步驟:

(1)找到“標(biāo)題”所在的元素巢掺,綁定click事件

(2)如果內(nèi)容元素是顯示的扯再,則隱藏,如果內(nèi)容元素是隱藏的址遇,則顯示熄阻。

? ? ? ? ?為了判斷元素是否顯示,可以使用 jQuery 中的 is() 方法來(lái)完成倔约。

html代碼:


css代碼:


js代碼:


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末秃殉,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子浸剩,更是在濱河造成了極大的恐慌钾军,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,383評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件绢要,死亡現(xiàn)場(chǎng)離奇詭異吏恭,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)重罪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門樱哼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人剿配,你說(shuō)我怎么就攤上這事搅幅。” “怎么了呼胚?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,852評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵茄唐,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我蝇更,道長(zhǎng)沪编,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,621評(píng)論 1 284
  • 正文 為了忘掉前任年扩,我火速辦了婚禮蚁廓,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘常遂。我一直安慰自己纳令,他們只是感情好挽荠,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,741評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布克胳。 她就那樣靜靜地躺著,像睡著了一般圈匆。 火紅的嫁衣襯著肌膚如雪漠另。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,929評(píng)論 1 290
  • 那天跃赚,我揣著相機(jī)與錄音笆搓,去河邊找鬼性湿。 笑死,一個(gè)胖子當(dāng)著我的面吹牛满败,可吹牛的內(nèi)容都是我干的肤频。 我是一名探鬼主播,決...
    沈念sama閱讀 39,076評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼算墨,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼宵荒!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起净嘀,我...
    開(kāi)封第一講書(shū)人閱讀 37,803評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤报咳,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后挖藏,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體暑刃,經(jīng)...
    沈念sama閱讀 44,265評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,582評(píng)論 2 327
  • 正文 我和宋清朗相戀三年膜眠,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了岩臣。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,716評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡宵膨,死狀恐怖婿脸,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情柄驻,我是刑警寧澤狐树,帶...
    沈念sama閱讀 34,395評(píng)論 4 333
  • 正文 年R本政府宣布,位于F島的核電站鸿脓,受9級(jí)特大地震影響抑钟,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜野哭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,039評(píng)論 3 316
  • 文/蒙蒙 一在塔、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧拨黔,春花似錦蛔溃、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,798評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至零截,卻和暖如春麸塞,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背涧衙。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,027評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工哪工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留奥此,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,488評(píng)論 2 361
  • 正文 我出身青樓雁比,卻偏偏與公主長(zhǎng)得像稚虎,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子偎捎,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,612評(píng)論 2 350

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

  • JavaScript和HTML之間的交互是通過(guò)用戶和瀏覽器操作頁(yè)面時(shí)引發(fā)的事件來(lái)處理的祥绞。 jQuery增加并擴(kuò)...
    DHFE閱讀 602評(píng)論 0 1
  • (續(xù)jQuery基礎(chǔ)(1)) 第5章 DOM節(jié)點(diǎn)的復(fù)制與替換 (1)DOM拷貝clone() 克隆節(jié)點(diǎn)是DOM的常...
    凜0_0閱讀 1,324評(píng)論 0 8
  • 總結(jié): 鼠標(biāo)事件 1.click與dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r閱讀 1,599評(píng)論 2 10
  • 躺在出租房的床上,剛玩完游戲洗澡上床鸭限,反思自己畢業(yè)以來(lái)做的事蜕径,工作方面越來(lái)越得心應(yīng)手,大部分事都能獨(dú)自搞定败京,也算是...
    圖樣森破520閱讀 182評(píng)論 2 0
  • 不久在微博上看到很多人在推薦紀(jì)錄片《園林》赡麦,主要的推薦點(diǎn)在于畫(huà)面很美朴皆,內(nèi)容充足。與很多人一樣泛粹,我以為長(zhǎng)達(dá)八集的《園...
    夏闕白閱讀 7,315評(píng)論 1 17