jQuery網(wǎng)頁特效任務(wù)驅(qū)動式教程（微課版）-教案 任務(wù)1-1 DOM和jQuery

1、任務(wù)17任M和jQuery任次課)課程內(nèi)容信息說明主題D0M和jQuery所屬任務(wù)任務(wù)1教學(xué)目標(biāo)知識目標(biāo)理解DOM樹形結(jié)構(gòu)和D0M節(jié)點的類型及概念 掌握jQuery的入口函數(shù)及ready事件掌握jQuery對象與D0M對象相互轉(zhuǎn)換的方法能力目標(biāo)能夠熟練應(yīng)用jQuery的入口函數(shù)和ready事件完成基本的 jQuery操作，能夠熟練進行jQuery對象與D0M對象的轉(zhuǎn) 換，并完成相關(guān)對象的操作。重點jQuery的入口函數(shù)及ready事件jQuery對象與DOM對象相互轉(zhuǎn)換的方法難點jQuery對象與DOM對象的區(qū)別及相互轉(zhuǎn)換的方法教學(xué)方法與教學(xué)手段教學(xué)方法線上線下結(jié)合、工程驅(qū)動、啟發(fā)引導(dǎo)、問題導(dǎo)

2、向、案例演示教學(xué)手段信息化手段應(yīng)用，機房傳屏軟件應(yīng)用或騰訊會議應(yīng)用課中活動及需要時間LDOM樹形結(jié)構(gòu)和DOM節(jié)點的類型及概念(30分鐘)(1)文檔對象模型DOM(2)各種類型的DOM節(jié)點，著重講解元素節(jié)點、屬性節(jié)點和文本節(jié)點，通過例如獲取三種 節(jié)點的信息并在控制臺中輸出，觀察結(jié)果.jQuery概述(20分鐘)(1)簡介jQuery的功能(2)下載并使用jQuery3) jQuery的入口函數(shù)及用法.jQuery中的ready事件(30分鐘)ready事件的幾種寫法jQuery的ready與js的load比照分析.jQuery對象與DOM對象的相互轉(zhuǎn)換(40分鐘)(1)兩種對象的獲取方法說明及進

3、行相互轉(zhuǎn)換的必要性說明(2)將jQuery對象轉(zhuǎn)換為D0M對象的方法(3)將DOM對象轉(zhuǎn)換為jQuery對象的方法.課堂小練習(xí)（40分鐘，學(xué)生完成+教師講解）（1）學(xué)生完成小練習(xí)頁面中有一組單項選擇按鈕，在選擇某個選項后判斷哪個radio按鈕被選中，然后獲取其value 屬性值并在控制臺輸出。你所屬的年齡段是：20歲 2130歲G3140歲 4150歲提交要求：分別使用JavaScript和jQuery完成（2）教師講解小練習(xí).小測試（15分鐘）（1）學(xué)生完成完成在教學(xué)平臺中設(shè)計的在線測試（填空、選擇和判斷）（2）教師講解小測試課堂小結(jié)（5分鐘）對學(xué)生課前預(yù)習(xí)效果、本次課的實施效果進行點評，并提出新的要求課后活動學(xué)生活動（約30分鐘）教師活動檢查學(xué)生作業(yè)，總結(jié)作 業(yè)中的問題，并反應(yīng)給 學(xué)生檢查學(xué)生作業(yè)，總結(jié)作 業(yè)中的問題，并反應(yīng)給