給ul中的li新增事件的多種方法

2022-01-22 17:46:01 字數 709 閱讀 7822

給ul中的li新增事件的多種方法

這是乙個常見,而且典型的前端面試題

<

ul>

<

li>11111

li>

<

li>22222

li>

<

li>33333

li>

ul>

錯誤方式:

var len=lis.length;

for(var i=0;i))

}

正確方式一(利用jq中的each)

var lis=$("ul>li");

$.each(lis,

function

(index,element))

//這樣就新增了天門的座標

})

正確方式二(閉包)

for(var i=0;i))

})(i)

}

正確方式三(動態的該物件新增屬性)

var len=lis.length;

for(var i=0;i))

}

ul標籤中的li有間隔

在做李立超老師css教學的京東輪播圖練習時,遇到了乙個問題。的大小是590470。明明已經引入了reset.css,只是給ul設定了幾個邊距。結果發現,每個li之間有兩個畫素的空白間距。滑鼠放在上顯示的是,img590470。滑鼠放在li上卻顯示590 472。多出的兩個畫素是在li的content...

CSS中的ul與li樣式詳解

因為ie6和firefox中對於ul li 的解釋不甚相同,故在需要用到list style各種type時推薦作用以下方法 即用作為li的背景,並用padding來給背景留下顯示的空間,注意設定寬度的同時設overflow hidden防止當使用者輸入一連串 aaaaaaaaaaaaaaaaa 時會...

CSS中的ul與li樣式詳解

因為ie6和firefox中對於ul li 的解釋不甚相同,故在需要用到list style各種type時推薦作用以下方法 即用作為li的背景,並用padding來給背景留下顯示的空間,注意設定寬度的同時設overflow hidden防止當使用者輸入一連串 aaaaaaaaaaaaaaaaa 時會...