建站
咨詢
售后
建站咨詢
新聞中心
知識(shí)點(diǎn)預(yù)習(xí)
1.jQuery特殊效果2.鏈?zhǔn)秸{(diào)用 3.屬性操作 4.jQuery循環(huán) 5.jQuery事件
01- jQuery的特殊效果
//1. 淡入淡出 fade
// $(".box").fadeIn();
// $(".box").fadeOut();
// $(".box").fadeToggle();
//2. 顯示隱藏
// $(".box").hide();
// $(".box").show();
// $(".box").toggle();
//3.卷開 卷起
// $(".box").slideDown();
// $(".box").slideUp();
// $(".box").slideToggle();jQuery鏈?zhǔn)秸{(diào)用
jQuery對(duì)象的方法會(huì)在執(zhí)行完后返回這個(gè)jQuery對(duì)象，所有jQuery對(duì)象的方法可以連起來(lái)寫
03- 層級(jí)菜單案例
//1.點(diǎn)擊分類的 '水果' 下面的ul 打開
var $next = $(this).next().slideToggle();
// 2. 每次 只打開一個(gè) ,其他的關(guān)閉 siblings()
// 2.1 $next 對(duì)象 是你選中的 a 標(biāo)簽下面的 ul列表
// 2.2 $next 需要獲取 父元素 parent() li標(biāo)簽
// 2.3 通過(guò)li標(biāo)簽 獲取 其他的同級(jí) 元素siblings()
// 2.4 獲取同級(jí)元素 li 下面的 子元素 children()
// 2.5 li 子元素有兩個(gè) 過(guò)濾下 childer("ul")
// 2.6 slideup()
$next.parent().siblings().children("ul").slideUp();
jQuery操作屬性
prop() 獲取和設(shè)置標(biāo)簽屬性
讀取的時(shí)候用雙引號(hào)包裹屬性即可
設(shè)置屬性時(shí)，要用{}包裹屬性val() 獲取及設(shè)置value屬性 input標(biāo)簽的值獲取及設(shè)置
html() 獲取和修改標(biāo)簽包裹的內(nèi)容
05- 對(duì)話框案例
val() 獲取input標(biāo)簽的value
06- jQuery的循環(huán)遍歷
each
遍歷的函數(shù)內(nèi) this表示當(dāng)前遍歷出來(lái)的元素 表示一個(gè)元素動(dòng)態(tài)類型
07- 手風(fēng)琴效果
更改當(dāng)前點(diǎn)擊li標(biāo)簽前面和后面的元素left值
去到右邊的位置：
第 4 個(gè)到右邊的位置：727 — 21
第 3 個(gè)到右邊的位置：727 - 212
第 2 個(gè)到右邊的位置：727 - 213
第 1 個(gè)到右邊的位置：727 - 214
到右邊的位置的公式：727-21(5-$(this).index())
焦點(diǎn)事件
focus() 讓文本輸入框自動(dòng)獲取焦點(diǎn)，
blur() 失去焦點(diǎn)
09- 鼠標(biāo)事件
進(jìn)入子元素 會(huì)觸發(fā)事件
mouseover() 鼠標(biāo)進(jìn)入（進(jìn)入子元素也觸發(fā)）
mouseout() 鼠標(biāo)離開（離開子元素也觸發(fā)）
進(jìn)入子元素 不會(huì)觸發(fā)事件 -- 建議使用
mouseenter() 鼠標(biāo)進(jìn)入（進(jìn)入子元素不觸發(fā)）
mouseleave() 鼠標(biāo)離開（離開子元素不觸發(fā)）
hover() 同時(shí)為mouseenter和mouseleave事件指定處理函數(shù)
$div01.hover(function (event) {
$(this).animate({'margin-top':event.type == 'mouseenter' ? 100 : 50});
})另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
本文標(biāo)題：python前端jQuery進(jìn)階-創(chuàng)新互聯(lián)
URL網(wǎng)址：http://www.dlmjj.cn/article/docpss.html
