HTML+js小笔记
1.<div id=”test”>some thing</div>,写一段原生Js,让此div点击后消失.
var d = document.getElementById('test');
d.onclick = function(){
// this.innerHTML = '';
this.style.display = "none";
}
2.原生js写如下效果,点击”增”按钮,给ul中加一个<li>冬</li>
<input type=”button” value=”增”>
<ul id=”season”>
<li>春</li>
<li>夏</li>
<li>秋</li>
</ul>
var inp = document.getElementsByTagName('input')[0];
inp.onclick = function(){
var li = "<li>栋</li>";
var uls = document.getElementById('season');
uls.innerHTML += li;
}
3.
请描述JavaScript事件委托机制,jQuery提供哪个函数实现了事件委托机制
指在某些对象的上级元素中,绑定事件, 达到绑定一个函数,能够监听下级DOM对象的变化.
用 on 函数
$(‘ul’).on(‘click’,’li’,function(){})
为什么绑定到ul里,是让父级元素监听子集元素,从而实现一定捕捉效果;
4.