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]