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