近期,面試我們總會遇到這樣一個面試題: 現在網上答案很多苟同,但是我還是想在重復的述說一遍,俗話說:好記憶不如爛筆頭, 雖然常見,簡單,反復出現,總之,在簡單的多寫寫記憶還是很深刻的,即使忘了,也能拿出來翻翻。 代碼如下:(簡單些) html代碼 <ul> < ...
這是一個非常常見的面試題,出題方式多樣,但考察點相同,下面我們來看看這幾種方法:方法一: 方法二: 方法三: 方法四: 上面這四種方法都可以實現循環綁定,但是我們知道,頻繁的操作DOM是非常消耗性能的,如果有 個li,怎么辦呢 我們還有另一種思路,事件代理,又稱事件委托。簡單的來講就是利用JS中事件的冒泡屬性,把原本需要綁定的事件委托給父元素,讓父元素擔當事件監聽的職務。下面我們來看看。 方法五 ...
2019-03-27 11:53 0 4261 推薦指數:
近期,面試我們總會遇到這樣一個面試題: 現在網上答案很多苟同,但是我還是想在重復的述說一遍,俗話說:好記憶不如爛筆頭, 雖然常見,簡單,反復出現,總之,在簡單的多寫寫記憶還是很深刻的,即使忘了,也能拿出來翻翻。 代碼如下:(簡單些) html代碼 <ul> < ...
首先我們需要一個html結構 我們遍歷ul 下所有的li 並添加點擊事件,一般我們會在for循環里面添加點擊事件,但是結果和我們所期盼不一樣,那么是為什么呢???? 接下來看看我們的js代碼 我們實現了!!! 這樣就是得來我們想要的效果點擊相應的li得來相應 ...
第一種: 第二種: 第三種: 第四種: 第五種:(事件代理) 第六種:(jq事件代理) ...
使用原生js給每個li綁定onclick點擊事件,輸出每條li的下標(索引) htm部分 首先需要獲取頁面中每一條li節點 1、通過設置屬性方式 給每一條li設置屬性index為i, 點擊時就可以獲取this的index屬性。 2、通過設置自定義屬性方式, 給每一條li設置 ...
問題所來:做項目時,一般的數據都是用循環動態加載出來的,結構都是一樣的,只是綁定的值不同,如何對相同的標簽做處理的問題就來了。 例如:點誰就顯示誰的數值 <ul id="test"> <li class="test">1</li> <li ...
問題所來:做項目時,一般的數據都是用循環動態加載出來的,結構都是一樣的,只是綁定的值不同,如何對相同的標簽做處理的問題就來了。 例如:點誰就顯示誰的數值 <ul id="test"> <li class="test">1</li> <li ...
(1)在html上綁定onclick事件 <div class="test" id="main"> 這是測試區域的內容 </div> <input type="button" value="變紅" onclick="fun1()" id ...
js按鈕綁定點擊事件 https://blog.csdn.net/zy_whynot/article/details/104010450 1、第一種 $("#btn").click(function(){ 操作 ...