課程
/前端開發(fā)
/jQuery
/jQuery基礎(chǔ)(五)一Ajax應(yīng)用與常用插件
為什么需要在其<ul>父元素上調(diào)用,而不是在<li>上調(diào)用
2017-07-19
源自:jQuery基礎(chǔ)(五)一Ajax應(yīng)用與常用插件 2-8
正在回答
回答問題之前,先看下插件的代碼:
/*------------------------------------------------------------/ 功能:設(shè)置列表中表項(xiàng)獲取鼠標(biāo)焦點(diǎn)時(shí)的背景色 參數(shù):li_col【可選】?鼠標(biāo)所在表項(xiàng)行的背景色 返回:原調(diào)用對(duì)象 示例:$("ul").focusColor("red"); /------------------------------------------------------------*/ ;?(function($)?{ ????$.fn.extend({ ????????"focusColor":?function(li_col)?{ ????????????var?def_col?=?"#ccc";?//默認(rèn)獲取焦點(diǎn)的色值 ????????????var?lst_col?=?"#fff";?//默認(rèn)丟失焦點(diǎn)的色值 ????????????//如果設(shè)置的顏色不為空,使用設(shè)置的顏色,否則為默認(rèn)色 ????????????li_col?=?(li_col?==?undefined)???def_col?:?li_col; ????????????$(this).find("li").each(function()?{?//遍歷表項(xiàng)<li>中的全部元素 ????????????????$(this).mouseover(function()?{?//獲取鼠標(biāo)焦點(diǎn)事件 ????????????????????$(this).css("background-color",?li_col);?//使用設(shè)置的顏色 ????????????????}).mouseout(function()?{?//鼠標(biāo)焦點(diǎn)移出事件 ????????????????????$(this).css("background-color",?"#fff");?//恢復(fù)原來的顏色 ????????????????}) ????????????}) ????????????return?$(this);?//返回jQuery對(duì)象,保持鏈?zhǔn)讲僮?????????} ????}); })(jQuery);
由此可見:遍歷表項(xiàng)的時(shí)候是利用$('ul').find('li').each()方法來的。
所以只需要獲得ul,就可以利用事件轉(zhuǎn)移快速高效給所有ul>li都加上這個(gè)效果!
舉報(bào)
如何用jquery實(shí)現(xiàn)ajax應(yīng)用,加入學(xué)習(xí),有效提高前端開發(fā)速度
4 回答作為<li>元素的”保存“”退出“怎么不顯示在頁面上,而是通過右鍵才能顯示?
3 回答調(diào)用不了php文件怎么辦
2 回答為什么要加html,作用是什么?
1 回答上一節(jié)的get()后要加上一個(gè)json,為什么post不加php呢
1 回答沒有加載到li元素,圖片也同樣是加載失敗
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-07-20
回答問題之前,先看下插件的代碼:
由此可見:遍歷表項(xiàng)的時(shí)候是利用$('ul').find('li').each()方法來的。
所以只需要獲得ul,就可以利用事件轉(zhuǎn)移快速高效給所有ul>li都加上這個(gè)效果!