发表于: 2017-04-03 22:21:57
1 1164
任务三
今天完成的事情
- 1完成不同页面间的数据传递
- 2研究jquerry的click方法和on方法的差异
明天计划的事情
- 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.学会了使用json传输数据。
- 2.理解了jquery中click与on方法的区别。
评论