2月 11, 2017 - php开发, 有料    HTML+js小笔记已关闭评论

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.

评论被关闭。