2019-06-17第十六天

// $('.box').fadeOut();//淡出// $('.box').fadeIn();//淡入// $('.box').fadeToggle();

//切換淡入淡出// $('.box').toggle();//切換顯示隱藏$('.box').slideToggle();

//切換上收和下展參數(shù):

1、什么屬性做動(dòng)畫(huà),屬性設(shè)置{param1: value1, param2: value2

}2、動(dòng)畫(huà)執(zhí)行的時(shí)間,單位毫秒

3、動(dòng)畫(huà)曲線(xiàn): swing(默認(rèn)值)開(kāi)始和結(jié)束慢,中間快 linear勻速 可省略不寫(xiě)

4、回調(diào)函數(shù),動(dòng)畫(huà)完成之后要做的事情,可無(wú)限嵌套 */

// //一開(kāi)始就獲取焦點(diǎn),相當(dāng)于設(shè)置了autofocus自動(dòng)獲取焦點(diǎn)了(HTML5 新增表單控件屬性)// $('#txt01').focus();// //文本框獲取焦點(diǎn)的時(shí)候(有光標(biāo)閃爍的時(shí)候)// $('#txt01').focus(function() {// alert('focus');// });// //失去焦點(diǎn)的時(shí)候(光標(biāo)離開(kāi)的時(shí)候)// $('#txt01').blur(function() {// alert('blur');// });// //輸入框內(nèi)容發(fā)生變化的時(shí)候,失去焦點(diǎn)后觸發(fā),可用于注冊(cè)時(shí)驗(yàn)證用戶(hù)名是否已存在// $('#txt01').change(function() {// alert('change');// });//松開(kāi)鍵盤(pán)按鍵就觸發(fā)$('#txt01').keyup(function(){ alert('keyup');//自定義事件只能用bind方式綁定,第一個(gè)參數(shù)是事件的名字,第二個(gè)參數(shù)是事件發(fā)生時(shí)執(zhí)行的函數(shù)// trigger即可以觸發(fā)自定義事件,也可以觸發(fā)原始的事件//不一定點(diǎn)擊按鈕觸發(fā),也可頁(yè)面加載時(shí)觸發(fā),也可在滿(mǎn)足某種if條件時(shí)觸發(fā)jquery鏈?zhǔn)秸{(diào)用jquery對(duì)象的方法會(huì)在執(zhí)行完后返回這個(gè)jquery對(duì)象,所有jquery對(duì)象的方法可以連起來(lái)寫(xiě):$('#div1')// id為div1的元素.children('ul')//該元素下面的ul子元素.slideDown('fast')//高度從零變到實(shí)際高度來(lái)顯示ul元素.parent()//跳到ul的父元素,也就是id為div1的元素.siblings()//跳到div1元素平級(jí)的所有兄弟元素.children('ul')//這些兄弟元素中的ul子元素.slideUp('fast');//高度實(shí)際高度變換到零來(lái)隱藏ul元素

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 通過(guò)jQuery,您可以選?。ú樵?xún),query)HTML元素,并對(duì)它們執(zhí)行“操作”(actions)。 jQuer...
    枇杷樹(shù)8824閱讀 713評(píng)論 0 3
  • jquery介紹 jQuery是目前使用最廣泛的javascript函數(shù)庫(kù)。據(jù)統(tǒng)計(jì),全世界排名前100萬(wàn)的網(wǎng)站,有...
    1263536889閱讀 393評(píng)論 0 1
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,774評(píng)論 1 45
  • 一)jQuery九類(lèi)選擇器【參見(jiàn)jQueryAPI.chm手冊(cè)】 目的:通過(guò)九類(lèi)選擇器,能定位web頁(yè)面(HTML...
    奮斗的老王閱讀 1,071評(píng)論 0 51
  • jQuery 入口函數(shù): $(function(){ // 執(zhí)行代碼 }); jQuery 選擇器: 元素選擇器 ...
    Hassd閱讀 452評(píng)論 0 1

友情鏈接更多精彩內(nèi)容