jQuery

jQuery 能做什么损痰?

Jquery是繼prototype之后又一個優(yōu)秀的Javascrīpt框架女坑。它是輕量級的js庫(壓縮后只有21k) 尘盼,它兼容CSS3肖油,還兼容各種瀏覽器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用戶能更方便地處理HTML documents臂港、events森枪、實現(xiàn)動畫效果,并且方便地為網(wǎng)站提供AJAX交互审孽。jQuery還有一個比較大的優(yōu)勢是县袱,它的文檔說明很全,而且各種應(yīng)用也說得很詳細(xì)佑力,同時還有許多成熟的插件可供選擇式散。jQuery能夠使用戶的html頁保持代碼和html內(nèi)容分離,也就是說打颤,不用再在html里面插入一堆js來調(diào)用命令了暴拄,只需定義id即可。

jQuery 對象和 DOM 原生對象有什么區(qū)別编饺?如何轉(zhuǎn)化乖篷?

  • DOM對象擁有DOM對象的屬性方法。
  • jQuery對象:是DOM元升級對象經(jīng)過包裝之后透且,擁有jQuery的屬性和方法(對原生DOM對象的封裝)撕蔼;
  • jQuery對象是一個數(shù)據(jù)對象,可以通過[index]的方法秽誊,來得到相應(yīng)的DOM對象鲸沮。
    如:var $el =$("#element") ; //jQuery對象
    var el=$el[0]; //DOM對象
  • jQuery本身提供,通過.get(index)方法锅论,得到相應(yīng)的DOM對象
    如:var $el=$("#element"); //jQuery對象
    var el=$el.get(0); //DOM對象
    -對于DOM對象讼溺,只需要用$()把DOM對象包裝起來,就可以獲得一個jQuery對象了

jQuery中如何綁定事件最易?bind肾胯、unbind竖席、delegate、live敬肚、on毕荐、off都有什么作用?推薦使用哪種艳馒?使用on綁定事件使用事件代理的寫法憎亚?

  • 最簡單的是bind(type,handle),這種方式的寫法和type(handle)寫法的作用是相同的($('a').click(function(){})),對應(yīng)的取消事件的方法是unbind:如果不帶參數(shù)默認(rèn)移除所有的綁定事件,若帶參數(shù)則移除指定的事件監(jiān)聽($(‘p’).unbind('click'))弄慰。bind這種是直接在符合條件的元素上綁定監(jiān)聽函數(shù)第美,因此沒生成一個新的元素,就需要給新元素綁定一次事件
  • bind(type,[data],fn) 為每個匹配元素的特定事件綁定事件處理函數(shù)陆爽。
  • unbind(type,[data|fn]]) bind()的反向操作什往,從每一個匹配的元素中刪除綁定的事件。
  • delegate(selector,[type],[data],fn) 指定的元素(屬于被選元素的子元素)添加一個或多個事件處理程序慌闭,并規(guī)定當(dāng)這些事件發(fā)生時運(yùn)行的函數(shù)别威。
  • live(type, [data], fn) jQuery 給所有匹配的元素附加一個事件處理函數(shù),即使這個元素是以后再添加進(jìn)來的也有效驴剔。
    這個方法是基本是的 .bind() 方法的一個變體省古。使用 .bind() 時,選擇器匹配的元素會附加一個事件處理函數(shù)丧失,而以后再添加的元素則不會有豺妓。為此需要再使用一次 .bind() 才行
  • on(events,[selector],[data],fn) 在選擇元素上綁定一個或多個事件的事件處理函數(shù)。
  • off(events,[selector],[fn]) 在選擇元素上移除一個或多個事件的事件處理函數(shù)布讹。
$("p").on("click", function(){
alert( $(this).text() );
});

jQuery 如何展示/隱藏元素琳拭?

$('div').hide([duration][,easing][,complete]);//隱藏
$('div').slideUp([duration][,easing][,complete]);//向上收起
$('div').fadeOut([duration][,easing][,complete]);//淡出

$('div').show([duration][,easing][,complete]);//隱藏
$('div').slideDown([duration][,easing][,complete]);//向下滑出
$('div').fadeIn([duration][,easing][,complete]);//淡入


#jQuery 動畫如何使用?
- animate(params,[speed],[easing],[Callback]) 用于創(chuàng)建自定義動畫的函數(shù)描验。這個函數(shù)的關(guān)鍵在于指定動畫形式及結(jié)果樣式屬性對象臀栈。
- 必需的 params 參數(shù)定義形成動畫的 CSS 屬性。
可選的 speed 參數(shù)規(guī)定效果的時長挠乳。它可以取以下值:“slow”权薯、“fast” 或毫秒。
可選的 callback 參數(shù)是動畫完成后所執(zhí)行的函數(shù)名稱睡扬。
當(dāng)動畫 100% 完成后盟蚣,即調(diào)用回調(diào)函數(shù) Callback。

#如何設(shè)置和獲取元素內(nèi)部 HTML 內(nèi)容卖怜?如何設(shè)置和獲取元素內(nèi)部文本屎开?

html();獲取html內(nèi)容,有值的話就是設(shè)置html內(nèi)容
$('div').html();//獲取內(nèi)容
$('div').html('<p>我是段落</p>');//設(shè)置內(nèi)容

text();獲取文本元素马靠,有值的話就是設(shè)置文本內(nèi)容
$('p').text();//獲取文本
$('p').text('我不是段落')//設(shè)置文本


#如何設(shè)置和獲取表單用戶輸入或者選擇的內(nèi)容奄抽?如何設(shè)置和獲取元素屬性蔼两?

$('input').val()//獲取
$('input').val('hello')//設(shè)置

設(shè)置和獲取元素屬性
$('input').attr('type')//獲取屬性,屬性名不能為空
$('input').attr('sex','women')//設(shè)置

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末逞度,一起剝皮案震驚了整個濱河市额划,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌档泽,老刑警劉巖俊戳,帶你破解...
    沈念sama閱讀 218,607評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異馆匿,居然都是意外死亡抑胎,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評論 3 395
  • 文/潘曉璐 我一進(jìn)店門渐北,熙熙樓的掌柜王于貴愁眉苦臉地迎上來阿逃,“玉大人,你說我怎么就攤上這事赃蛛∈扬保” “怎么了?”我有些...
    開封第一講書人閱讀 164,960評論 0 355
  • 文/不壞的土叔 我叫張陵焊虏,是天一觀的道長。 經(jīng)常有香客問我秕磷,道長诵闭,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,750評論 1 294
  • 正文 為了忘掉前任澎嚣,我火速辦了婚禮疏尿,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘易桃。我一直安慰自己褥琐,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,764評論 6 392
  • 文/花漫 我一把揭開白布晤郑。 她就那樣靜靜地躺著敌呈,像睡著了一般。 火紅的嫁衣襯著肌膚如雪造寝。 梳的紋絲不亂的頭發(fā)上磕洪,一...
    開封第一講書人閱讀 51,604評論 1 305
  • 那天,我揣著相機(jī)與錄音诫龙,去河邊找鬼析显。 笑死,一個胖子當(dāng)著我的面吹牛签赃,可吹牛的內(nèi)容都是我干的谷异。 我是一名探鬼主播分尸,決...
    沈念sama閱讀 40,347評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼歹嘹!你這毒婦竟也來了箩绍?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,253評論 0 276
  • 序言:老撾萬榮一對情侶失蹤荞下,失蹤者是張志新(化名)和其女友劉穎伶选,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體尖昏,經(jīng)...
    沈念sama閱讀 45,702評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡仰税,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,893評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了抽诉。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片陨簇。...
    茶點(diǎn)故事閱讀 40,015評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖迹淌,靈堂內(nèi)的尸體忽然破棺而出河绽,到底是詐尸還是另有隱情,我是刑警寧澤唉窃,帶...
    沈念sama閱讀 35,734評論 5 346
  • 正文 年R本政府宣布耙饰,位于F島的核電站,受9級特大地震影響纹份,放射性物質(zhì)發(fā)生泄漏苟跪。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,352評論 3 330
  • 文/蒙蒙 一蔓涧、第九天 我趴在偏房一處隱蔽的房頂上張望件已。 院中可真熱鬧,春花似錦元暴、人聲如沸篷扩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鉴未。三九已至,卻和暖如春鸠姨,著一層夾襖步出監(jiān)牢的瞬間歼狼,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評論 1 270
  • 我被黑心中介騙來泰國打工享怀, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留羽峰,地道東北人。 一個月前我還...
    沈念sama閱讀 48,216評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像梅屉,于是被迫代替她去往敵國和親值纱。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,969評論 2 355

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

  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式坯汤。設(shè)計者無需花費(fèi)時間糾纏JS復(fù)雜的高級特性虐唠。 1....
    LaBaby_閱讀 1,336評論 0 2
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計者無需花費(fèi)時間糾纏JS復(fù)雜的高級特性惰聂。 1....
    LaBaby_閱讀 1,174評論 0 1
  • 題目1: jQuery 能做什么疆偿? 選擇網(wǎng)頁元素改變結(jié)果集元素的操作:取值和賦值元素的操作:移動元素的操作:復(fù)制、...
    QQQQQCY閱讀 189評論 0 1
  • jQuery jQuery就是JS的一個擴(kuò)展庫搓幌,工具庫杆故,提供很多方便快捷的方法,所以將JS對象轉(zhuǎn)換為jQuery對...
    YQY_苑閱讀 237評論 0 1
  • 1溉愁、 jQuery 能做什么处铛? jquery是一個豐富的js庫,內(nèi)部對js的很多復(fù)雜的方法進(jìn)行了封裝和加工拐揭,比如j...
    zh_yang閱讀 1,407評論 6 13