jquery課件資料

時(shí)間：2021-06-10 20:35:40 課件我要投稿

jquery課件資料

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

jquery課件資料

　　Jquery基礎(chǔ)知識(shí)點(diǎn)

　　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對(duì)象)

　　$().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對(duì)象)

　　4，val()操作value對(duì)象

　　$().val(內(nèi)容)

　　$(復(fù)選框/下拉列表/單選按鈕).val([元素，元素，元素])設(shè)置選中情況

　　$(下拉列表/單選按鈕).val() 選中項(xiàng)目中的value值

　　復(fù)選框選中

　　$().attr(‘checked’,true/false)

　　$().attr(‘checked’)

　　JQuery下：

　　$符號(hào)由來

　　$符號(hào)是函數(shù)名字，還可以使用jQuery

　　jquery對(duì)象和dom對(duì)象的關(guān)系、轉(zhuǎn)化

　　dom對(duì)象是 jquery對(duì)象的數(shù)組組成部分

　　轉(zhuǎn)換：

　　jquery對(duì)象--》dom對(duì)象： $()[下標(biāo)]

　　dom對(duì)象--》jquery對(duì)象： $(dom對(duì)象)

　　jQuery框架對(duì)象分析

　　兩種對(duì)象：jquery對(duì)象(各種選擇器創(chuàng)建出來的)、$函數(shù)對(duì)象

　　jquery對(duì)象可以調(diào)用成員：css()/addClass()/html()/text()/attr()等等

　　可以調(diào)用成員：

　　實(shí)例化 jquery對(duì)象： $(‘div’)-----> new jQuery.fn.init()

　　① init構(gòu)造函數(shù)內(nèi)部成員(length、selector)

　　② jQuery.fn的成員

　　③ jQuery.fn.extend()復(fù)制繼承的成員

　　$函數(shù)對(duì)象調(diào)用的成員都是extend()復(fù)制繼承過來的'

　　each遍歷方法

　　$.each(數(shù)組/對(duì)象, funciton(下標(biāo)/成員名稱變量，(元素/成員)值變量){});

　　$(‘li’).each(function(每個(gè)dom對(duì)象的下標(biāo)變量，每個(gè)dom對(duì)象變量){

　　this代表每個(gè)li的dom對(duì)象

　　});

　　加載事件、與傳統(tǒng)不同

　　加載事件的三種形式：

　　$(document).ready(function(){});

　　$().ready(function(){});

　　$(function(){});

　　加載事件(jquery與傳統(tǒng)的區(qū)別)：

　　① 設(shè)置個(gè)數(shù)

　　② 執(zhí)行時(shí)機(jī)

　　jquery加載事件原理：

　　對(duì)DOMContentLoaded事件的封裝(非onload)。

　　jquery簡(jiǎn)單事件設(shè)置

　　$().事件類型(處理函數(shù)); //設(shè)置事件

　　$().事件類型(); //觸發(fā)事件執(zhí)行

　　文檔操作

　　節(jié)點(diǎn)追加：

　　父子關(guān)系：append() prepend() appendTo() prependTo()

　　兄弟關(guān)系：after() before() After() Before()

　　替換：replaceWith()被動(dòng) replaceAll()主動(dòng)

　　刪除：$(父節(jié)點(diǎn)).empty() $(匹配節(jié)點(diǎn)).remove()

　　復(fù)制： $(節(jié)點(diǎn)).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

《長(zhǎng)江》課件資料04-20

晚春課件資料04-20

唐詩課件資料04-20