发表于: 2017-04-03 22:21:57

1 1164


任务三

今天完成的事情

  1. 1完成不同页面间的数据传递
  2. 2研究jquerry的click方法和on方法的差异
  3. 明天计划的事情

  1. 1.完成任务三的法官查看身份页面。

遇到的问题

1.上午看到了jquuery的click方法,之前这个问题以前困扰过我一段时间。今天特地查了以下,发现

domBtnMinus.on("click",function (){});

这种写法是比较新的,最开始的是click,后来改成了bind,最后在1.74版本改成了on,现在一般都推荐使用on方法来进行事件监听,之前的click和bind方法都有保留,但是不推荐使用,但是他们有什么区别呢?网上是这么说的,click无法给动态生成的节点绑定事件,demo如下:

$(".li").append('<li>I am new item.<button id="delete">Delete</button></li>');

$(".delete").click(function(){
$(this).parent().remove();
alert("hello");
});
$("#delete").click(function(){
$(this).parent().remove();
alert("hello");
});

确实无法注册,但是我自己也写了一个demo,却发现可以注册:

$(".box-wrap").append('<div class="box"></div>');
$(".box").click(function () {
$("this").hide();
});

仔细研究后终于发现了区别,我自己写的是在页面加载完成时生成的,而第一个demo里的元素是在点击事件中生成的,所以是这个动态创建元素说法有歧义,应该是只要页面全部加载完后在生成的dom节点才算动态生成的。

  1. 收获

  1. 1.学会了使用json传输数据。
  2. 2.理解了jquery中click与on方法的区别。



返回列表 返回列表
评论

    分享到