簡(jiǎn)書的第一遍博文-jquery動(dòng)態(tài)綁定時(shí)間

前一陣子發(fā)現(xiàn)了簡(jiǎn)書這一個(gè)博客社區(qū),給我的第一個(gè)印象就是簡(jiǎn)約,清爽暑椰。

本來打算在第一遍博文上寫一點(diǎn)“人生道理”以鼓勵(lì)一下自己,不過這些虛的話還是不要放著這種公眾博客上荐绝,以后在這就記錄一下平時(shí)看到的或者用過的小東西吧一汽。

這兩天實(shí)訓(xùn)在做一個(gè)oa系統(tǒng),坑爹的老師坑爹地要求前臺(tái)只能用靜態(tài)頁面低滩,呵呵召夹,我基本上沒怎么寫過js,又要深入淺出javascript了恕沫。前后臺(tái)選用json做數(shù)據(jù)存儲(chǔ)+springMvc框架监憎,除了js我覺得還是挺好的。

十來個(gè)小時(shí)的js編寫經(jīng)驗(yàn)婶溯,總結(jié)一下所遇到的問題及解決方案:

動(dòng)態(tài)生成的html元素如何動(dòng)態(tài)地綁定事件

? ? ? ? 動(dòng)態(tài)生成html元素誰都會(huì)鲸阔,使用jquery的append,after方法可以輕松在制定位置添加html內(nèi)容迄委。那么如果動(dòng)態(tài)生成的html元素需要綁定事件呢褐筛,簡(jiǎn)單的方法就是在$("#id").append() 后重新綁定,但如果需要重復(fù)生成同類型的html元素叙身,則需要重復(fù)地綁定渔扎。學(xué)了jquery發(fā)現(xiàn)了jquery.live()函數(shù)非常好用,live() 方法為被選元素附加一個(gè)或多個(gè)事件處理程序信轿,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)晃痴。就是說通過 live() 方法附加的事件處理程序適用于匹配選擇器的當(dāng)前及未來的元素。

如:

$(".onechange").live("click",function(){

$(this).parent().find(".oneinput").val($(this).parent().find(".onetitle").text());

$(this).parent().find(".onetitle").hide();

$(this).parent().find(".oneinput").css("display","inline").focus().select();

});

后來發(fā)現(xiàn)live無法綁定blur方法财忽,經(jīng)過查找網(wǎng)上資料倘核,發(fā)現(xiàn)1.3.1之前的版本是無法實(shí)現(xiàn),要實(shí)現(xiàn)綁定blur方法則需要用到j(luò)query1.4.1之后的版本定罢。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末笤虫,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子祖凫,更是在濱河造成了極大的恐慌琼蚯,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,590評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件惠况,死亡現(xiàn)場(chǎng)離奇詭異遭庶,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)稠屠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門峦睡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來翎苫,“玉大人,你說我怎么就攤上這事榨了〖宓” “怎么了?”我有些...
    開封第一講書人閱讀 169,301評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵龙屉,是天一觀的道長(zhǎng)呐粘。 經(jīng)常有香客問我,道長(zhǎng)转捕,這世上最難降的妖魔是什么作岖? 我笑而不...
    開封第一講書人閱讀 60,078評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮五芝,結(jié)果婚禮上痘儡,老公的妹妹穿的比我還像新娘。我一直安慰自己枢步,他們只是感情好沉删,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,082評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著价捧,像睡著了一般丑念。 火紅的嫁衣襯著肌膚如雪涡戳。 梳的紋絲不亂的頭發(fā)上结蟋,一...
    開封第一講書人閱讀 52,682評(píng)論 1 312
  • 那天,我揣著相機(jī)與錄音渔彰,去河邊找鬼嵌屎。 笑死,一個(gè)胖子當(dāng)著我的面吹牛恍涂,可吹牛的內(nèi)容都是我干的宝惰。 我是一名探鬼主播,決...
    沈念sama閱讀 41,155評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼再沧,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼尼夺!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起炒瘸,我...
    開封第一講書人閱讀 40,098評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤淤堵,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后顷扩,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體拐邪,經(jīng)...
    沈念sama閱讀 46,638評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,701評(píng)論 3 342
  • 正文 我和宋清朗相戀三年隘截,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片凝颇。...
    茶點(diǎn)故事閱讀 40,852評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡胯努,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出着饥,到底是詐尸還是另有隱情,我是刑警寧澤惰赋,帶...
    沈念sama閱讀 36,520評(píng)論 5 351
  • 正文 年R本政府宣布贱勃,位于F島的核電站,受9級(jí)特大地震影響谤逼,放射性物質(zhì)發(fā)生泄漏贵扰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,181評(píng)論 3 335
  • 文/蒙蒙 一流部、第九天 我趴在偏房一處隱蔽的房頂上張望戚绕。 院中可真熱鬧,春花似錦枝冀、人聲如沸舞丛。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽球切。三九已至,卻和暖如春绒障,著一層夾襖步出監(jiān)牢的瞬間吨凑,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評(píng)論 1 274
  • 我被黑心中介騙來泰國打工户辱, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留鸵钝,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,279評(píng)論 3 379
  • 正文 我出身青樓庐镐,卻偏偏與公主長(zhǎng)得像恩商,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子必逆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,851評(píng)論 2 361

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

  • (續(xù)jQuery基礎(chǔ)(1)) 第5章 DOM節(jié)點(diǎn)的復(fù)制與替換 (1)DOM拷貝clone() 克隆節(jié)點(diǎn)是DOM的常...
    凜0_0閱讀 1,346評(píng)論 0 8
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式怠堪。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,182評(píng)論 0 1
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式名眉。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性粟矿。 1....
    LaBaby_閱讀 1,349評(píng)論 0 2
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)璧针,斷路器嚷炉,智...
    卡卡羅2017閱讀 134,715評(píng)論 18 139
  • 光陰似箭申屹,炎炎夏日已經(jīng)離我們而去 走在街頭绘证,涼涼的秋意,九月不期而至 17年的三分之二就這樣悄悄地溜走了 來擁抱九...
    醬子吖閱讀 330評(píng)論 0 0