JQ高級(jí)
一晾捏、選擇器
1、css語法匹配
標(biāo)簽 | 類 | id | 交集
群組 | 后代 | 兄弟
偽類 | 屬性
2哀托、索引匹配
:eq(index) | :gt(index) | :lt(index)
二惦辛、文本、屬性與類
1仓手、文本
html([val|fn])
text([val|fn])
val([val|fn|arr])
2胖齐、屬性
attr(name|pro|key,val|fn)
removeAttr(name)
prop(n|p|k,v|f)
removeProp(name)
3、類
addClass(class|fn)
removeClass([class|fn])
toggleClass(class|fn[,sw])
三嗽冒、事件
1呀伙、on綁定
$('.box').on('click', {num: 10}, function(ev) {
console.log(ev.data.num)
})
// 數(shù)據(jù)由ev.data存儲(chǔ)
2、非on事件
$('.box').click({num: 10}, function(ev) {
console.log(ev.data.num)
})
// 數(shù)據(jù)由ev.data存儲(chǔ)
3添坊、解綁
$('.box').off()
四剿另、文檔操作
1、內(nèi)部插入
append(content|fn)
appendTo(content)
prepend(content|fn)
prependTo(content)
2贬蛙、外部插入
after(content|fn)
before(content|fn)
insertAfter(content)
insertBefore(content)
3雨女、包裹
wrap(html|ele|fn)
unwrap()
wrapAll(html|ele)
wrapInner(html|ele|fn)
4、替換
replaceWith(content|fn)
replaceAll(selector)
5阳准、刪除
empty()
remove([expr])
detach([expr])
6氛堕、復(fù)制
clone([Even[,deepEven]])
五、動(dòng)畫
1野蝇、基本
show([s,[e],[fn]])
hide([s,[e],[fn]])
toggle([s],[e],[fn])
2岔擂、滑動(dòng)
slideDown([s],[e],[fn])
slideUp([s,[e],[fn]])
slideToggle([s],[e],[fn])
3位喂、淡入淡出
fadeIn([s],[e],[fn])
fadeOut([s],[e],[fn])
fadeTo([[s],o,[e],[fn]])
fadeToggle([s,[e],[fn]])
4、自定義
animate(p,[s],[e],[fn])
六乱灵、結(jié)構(gòu)關(guān)系
children([expr])
parent([expr])
parents([expr])
next([expr])
nextAll([expr])
prev([expr])
prevAll([expr])
siblings([expr])