继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jQuery课堂笔记,加深理解,从学过的知识体系中拓展

洋葱_dot
关注TA
已关注
手记 2
粉丝 3
获赞 3

1)回调函数:
一、text的回调函数、
$(".left a:first").text(function(idnex,text){
return '增加新的文本内容' + text
})
二、attr的回调函数
$('input:eq(2)').attr('value',function(i, val){
return '通过function设置' + val
})
function中的参数分别为,当前元素的索引值,原先的属性值。
2)
<script type="text/javascript">
var p1 = document.getElementById('test1')
p1.addEventListener('click',function(){
//直接通过dom的方法改变颜色
this.style.color = "red";
},false);
</script>
addEventListener在事件监听有见过这个,效果等同于事件绑定,只是如果多个事件绑定在同一个元素上,前面的事件会被后面的事件替代,不会触发。事件监听不会这样,所有的事件都会触发。

Seach小伙伴给了这样的解释:
addEventListener()绑定事件的对象方法。addEventListener()含有三个参数,一个是事件名称,另一个是事件执行的函数,最后一个是事件捕获,obj.addEventListener("click",function(){},true/false);以往的方法定义事件的话后面的会覆盖掉前面的事件函数,但是按这种方式写的话几个事件函数都会执行,最后是true和false的解释,事件在执行时都会有俩个流,一个是捕获事件流,另一个是冒泡事件流,进来的事件是捕获事件,出去的事件是冒泡事件,true的话会捕获进来时的,false的话会捕获出去时的

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP