jquery課件資料
jQuery本身只有一個js文件，所以，要使用它，就和使用其它的js文件一樣，直接將它引入就可以使用了，下面是小編為大家收集整理的相關(guān)內(nèi)容，歡迎閱讀。
Jquery基礎(chǔ)知識點
JQuery上：
1，各種選擇器 $(#id) $(.class) $(tag標(biāo)簽) $(*) $(s1,s2,s3)
2，層次選擇器 $(s1,s2) $(s1>s2) $(s1+s2) $(s1~s2)
3，并且選擇器
:first :last :eq(索引值) :li(索引值) :even :odd $(s1s2s3s4..)
4，內(nèi)容過濾選擇器
:contains(text) :empty :has(選擇器) :parent
5，表單域選中選擇器
復(fù)選框 單選框 :checked
下拉框 :selected
屬性操作
$().attr(name)
$().attr(name,value)
$().removeAttr(name)
$().attr(json對象)
$().attr(name,function)
快捷操作
1，class屬性值
$().addClass()
$().removeClass()
$().toggleClass()
2，標(biāo)簽包含內(nèi)容
$().html(內(nèi)容)
$().text(內(nèi)容)
3，css樣式操作
$().css(name) 行內(nèi)，內(nèi)部，外部 樣式都可以獲取
$().css(name,value)
$().css(json對象)
4，val()操作value對象
$().val(內(nèi)容)
$(復(fù)選框/下拉列表/單選按鈕).val([元素，元素，元素])設(shè)置選中情況
$(下拉列表/單選按鈕).val() 選中項目中的value值
復(fù)選框選中
$().attr(‘checked’,true/false)
$().attr(‘checked’)
JQuery下：
$符號由來
$符號是函數(shù)名字，還可以使用jQuery
jquery對象和dom對象的關(guān)系、轉(zhuǎn)化
dom對象 是 jquery對象的數(shù)組組成部分
轉(zhuǎn)換：
jquery對象--》dom對象： $()[下標(biāo)]
dom對象--》jquery對象： $(dom對象)
jQuery框架對象分析
兩種對象：jquery對象(各種選擇器創(chuàng)建出來的)、$函數(shù)對象
jquery對象可以調(diào)用成員：css()/addClass()/html()/text()/attr()等等
可以調(diào)用成員：
實例化 jquery對象： $(‘div’)-----> new jQuery.fn.init()
�、� init構(gòu)造函數(shù)內(nèi)部成員(length、selector)
�、� jQuery.fn的成員
�、� jQuery.fn.extend()復(fù)制繼承的成員
$函數(shù)對象 調(diào)用的成員都是extend()復(fù)制繼承過來的'
each遍歷方法
$.each(數(shù)組/對象, funciton(下標(biāo)/成員名稱 變量，(元素/成員)值變量){});
$(‘li’).each(function(每個dom對象的下標(biāo)變量，每個dom對象變量){
this代表每個li的dom對象
});
加載事件、與傳統(tǒng)不同
加載事件的三種形式：
$(document).ready(function(){});
$().ready(function(){});
$(function(){});
加載事件(jquery與傳統(tǒng)的區(qū)別)：
�、� 設(shè)置個數(shù)
② 執(zhí)行時機
jquery加載事件原理：
對DOMContentLoaded事件的封裝(非onload)。
jquery簡單事件設(shè)置
$().事件類型(處理函數(shù)); //設(shè)置事件
$().事件類型(); //觸發(fā)事件執(zhí)行
文檔操作
節(jié)點追加：
父子關(guān)系：append() prepend() appendTo() prependTo()
兄弟關(guān)系：after() before() After() Before()
替換：replaceWith()被動 replaceAll()主動
刪除：$(父節(jié)點).empty() $(匹配節(jié)點).remove()
復(fù)制： $(節(jié)點).clone(true/false)
屬性選擇器
[name] [name=value] [name^=value] [name$=value]
[name][name!=value] [name*=value] [][][][]
[]相關(guān)文章：
【jquery課件資料】相關(guān)文章：
dtnl課件資料04-20
匆匆的課件資料04-20
《長江》課件資料04-20
晚春課件資料04-20
唐詩課件資料04-20
臺階課件資料04-20
愛蓮說課件資料04-20
小學(xué)課件資料04-20
燕子ppt課件資料04-20