亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么需要在其<ul>父元素上調用,而不是在<li>上調用

為什么需要在其<ul>父元素上調用,而不是在<li>上調用

正在回答

1 回答

回答問題之前,先看下插件的代碼:

/*------------------------------------------------------------/
功能:設置列表中表項獲取鼠標焦點時的背景色
參數:li_col【可選】?鼠標所在表項行的背景色
返回:原調用對象
示例:$("ul").focusColor("red");
/------------------------------------------------------------*/
;?(function($)?{
????$.fn.extend({
????????"focusColor":?function(li_col)?{
????????????var?def_col?=?"#ccc";?//默認獲取焦點的色值
????????????var?lst_col?=?"#fff";?//默認丟失焦點的色值
????????????//如果設置的顏色不為空,使用設置的顏色,否則為默認色
????????????li_col?=?(li_col?==?undefined)???def_col?:?li_col;
????????????$(this).find("li").each(function()?{?//遍歷表項<li>中的全部元素
????????????????$(this).mouseover(function()?{?//獲取鼠標焦點事件
????????????????????$(this).css("background-color",?li_col);?//使用設置的顏色
????????????????}).mouseout(function()?{?//鼠標焦點移出事件
????????????????????$(this).css("background-color",?"#fff");?//恢復原來的顏色
????????????????})
????????????})
????????????return?$(this);?//返回jQuery對象,保持鏈式操作
????????}
????});
})(jQuery);

由此可見:遍歷表項的時候是利用$('ul').find('li').each()方法來的。

所以只需要獲得ul,就可以利用事件轉移快速高效給所有ul>li都加上這個效果!

2 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

為什么需要在其<ul>父元素上調用,而不是在<li>上調用

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號