jquery課件資料
jQuery本身只有一個js檔案,所以,要使用它,就和使用其它的js檔案一樣,直接將它引入就可以使用了,下面是小編爲大家收集整理的相關內容,歡迎閱讀。
Jquery基礎知識點
JQuery上:
1,各種選擇器 $(#id) $(s) $(tag標籤) $(*) $(s1,s2,s3)
2,層次選擇器 $(s1,s2) $(s1>s2) $(s1+s2) $(s1~s2)
3,並且選擇器
:first :last :eq(索引值) :li(索引值) :even :odd $(s1s2s3s4..)
4,內容過濾選擇器
:contains(text) :empty :has(選擇器) :parent
5,表單域選中選擇器
複選框 單選框 :checked
下拉框 :selected
屬性操作
$()(name)
$()(name,value)
$()veAttr(name)
$()(json對象)
$()(name,function)
快捷操作
1,class屬性值
$()lass()
$()veClass()
$()leClass()
2,標籤包含內容
$()(內容)
$()(內容)
3,css樣式操作
$()(name) 行內,內部,外部 樣式都可以獲取
$()(name,value)
$()(json對象)
4,val()操作value對象
$()(內容)
$(複選框/下拉列表/單選按鈕)([元素,元素,元素])設定選中情況
$(下拉列表/單選按鈕)() 選中項目中的value值
複選框選中
$()(‘checked’,true/false)
$()(‘checked’)
JQuery下:
$符號由來
$符號是函數名字,還可以使用jQuery
jquery對象和dom對象的關係、轉化
dom對象 是 jquery對象的數組組成部分
轉換:
jquery對象--》dom對象: $()[下標]
dom對象--》jquery對象: $(dom對象)
jQuery框架對象分析
兩種對象:jquery對象(各種選擇器創建出來的)、$函數對象
jquery對象可以調用成員:css()/addClass()/html()/text()/attr()等等
可以調用成員:
實例化 jquery對象: $(‘div’)-----> new ()
① init構造函數內部成員(length、selector)
② 的成員
③ nd()複製繼承的成員
$函數對象 調用的成員都是extend()複製繼承過來的
each遍歷方法
$(數組/對象, funciton(下標/成員名稱 變量,(元素/成員)值變量){});
$(‘li’)(function(每個dom對象的下標變量,每個dom對象變量){
this代表每個li的`dom對象
});
加載事件、與傳統不同
加載事件的三種形式:
$(document)y(function(){});
$()y(function(){});
$(function(){});
加載事件(jquery與傳統的區別):
① 設定個數
② 執行時機
jquery加載事件原理:
對DOMContentLoaded事件的封裝(非onload)。
jquery簡單事件設定
$().事件類型(處理函數); //設定事件
$().事件類型(); //觸發事件執行
文檔操作
節點追加:
父子關係:append() prepend() appendTo() prependTo()
兄弟關係:after() before() After() Before()
替換:replaceWith()被動 replaceAll()主動
刪除:$(父節點)y() $(匹配節點)ve()
複製: $(節點)e(true/false)
屬性選擇器
[name] [name=value] [name^=value] [name$=value]
-
互幫互助課件
互幫互助課件【活動目標】1、引導幼兒學習關心身邊的人。2、感受互幫互助,體驗助人的快樂。【活動準備】《蒲公英媽媽和小螞蟻》的故事。【活動過程】一、欣賞故事《蒲公英媽媽和小螞蟻》。二、師生共同討論:1、師:小螞蟻和蒲公英爲什麼會成爲好朋友?2、師:當你遇...
-
圓的周長說課課件
讓學生切實體會到數學就在我們身邊,數學學習是有價值的。按照“帶領學生走向知識”的理念,培養學生實踐、動手操作能力和創新精神,讓學生經歷知識生成的過程。下面是小編整理的圓的周長說課課件,歡迎大家閱讀參考,希望幫助到你。篇一:圓的周長說課課件一、教材分析《...
-
《星星的新朋友》課件設計
教學過程:一、情境匯入1、課件出示星空圖(配有音樂):老師這裏有一張美麗的圖片,請大家欣賞。你看到了什麼?2、教師用繪聲繪色的語言匯入:在浩瀚的夜空中,羣星閃爍,行星家族在不斷的壯大,你想了解其中的祕密嗎?今天我們學習13課《星星的新朋友》。(學生讀課題)星星有哪...
-
釣魚美術課件
導語:釣魚美術課件怎麼寫?以下是小編精心爲大家整理的有關釣魚美術課件,希望對大家有所幫助,歡迎閱讀。釣魚美術課件一、教學重點與難點教學重點:學會用材料製作、表現魚。教學難點:魚的製作及裝飾。二、教學目的1、知識目的:對材料的認識,能利用材料進行創造性的組合...