1 css操作
css(name,value)
css(obj)
css(name)
2 class操作
2.1 addClass(name) 添加類(lèi)
2.2 removeClass(name) 刪除類(lèi)
2.3 toggleClass(name) 切換類(lèi)
2.4 hasClass(name) 判斷類(lèi) (boolean)
3. 三組簡(jiǎn)單動(dòng)畫(huà)
1.show()顯示 hide()隱藏 toggle()切換 //不傳參數(shù),沒(méi)有動(dòng)畫(huà)效果
2.slideUp()滑出 slideDown()滑入 slideToggle()滑出劃入切換 //不傳參也有動(dòng)畫(huà)效果
3.fadeIn()淡入 fadeOut()淡出 fadeToggle()淡入淡出切換 //不傳參也有動(dòng)畫(huà)效果
4. 自定義動(dòng)畫(huà)
easing linear 勻速
swing 先慢再快再慢
animate(obj, speed, easing, callback)
5. 動(dòng)畫(huà)隊(duì)列
停止當(dāng)前動(dòng)畫(huà) stop()
stop(參數(shù)1,參數(shù)2)
參數(shù)1: true 清空動(dòng)畫(huà)隊(duì)列 (默認(rèn)false)
參數(shù)2: true 立刻抵達(dá)當(dāng)前動(dòng)畫(huà)目標(biāo)值 (默認(rèn)false)
6. 節(jié)點(diǎn)操作
$(htmlStr) 創(chuàng)建節(jié)點(diǎn)
添加節(jié)點(diǎn)
append 1. append("<p>123</p>")
2. append($('<p>123</p>'))
3. 頁(yè)面已經(jīng)存在的元素進(jìn)行append append($p) 剪切的效果
append 添加到當(dāng)前元素 子元素的 最后面
prepend 添加到當(dāng)前元素 子元素的 最前面
before 作為兄弟元素 添加到當(dāng)前元素 的前面
after 作為兄弟元素 添加到當(dāng)前元素 的后面
7. html() text() innerHtml innerText
html()
當(dāng)該方法用于返回內(nèi)容時(shí)譬巫,則返回第一個(gè)匹配元素的內(nèi)容(整個(gè)html結(jié)構(gòu)),只返回divDOM集合中的第一個(gè)div內(nèi)容
var boxCon = $("div").html();
console.log(boxCon);
當(dāng)該方法用于設(shè)置內(nèi)容時(shí)宪哩,則重寫(xiě)所有匹配元素的內(nèi)容驱犹。
$("div").html("<p>hello box</p>")//所有的div內(nèi)容都被修改為<p>hello box</p>
text()
當(dāng)該方法用于返回一個(gè)值時(shí),它會(huì)返回所有匹配元素的組合的文本內(nèi)容(會(huì)刪除 HTML 標(biāo)記即只返回文本)扎附。
$("div").text("你好")
$("div").text("<h3>你好</h3>")
當(dāng)該方法用于設(shè)置內(nèi)容時(shí),則重寫(xiě)所有匹配元素的內(nèi)容。(傳入什么就渲染什么)
8. empty() 清空內(nèi)容. 清理門(mén)戶 (防止內(nèi)存泄露) remove() 自殺
empty() 清空內(nèi)容. 清理門(mén)戶
$("#bigBox").empty()//刪除#bigBox所有的元素,
remove() 自殺 //刪除被選元素子元素和自身
9. clone()
1. 不傳參也會(huì)深度復(fù)制(即標(biāo)簽中的內(nèi)容)
2. 傳了 true clone(true) 不僅會(huì)深度復(fù)制, 連方法也會(huì)賦值
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者