jquery課件資料

jQuery本身只有一個js文件,所以,要使用它,就和使用其它的js文件一樣,直接將它引入就可以使用了,下面是小編爲大家收集整理的相關內容,歡迎閱讀。

jquery課件資料

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]