关于Jquery append 动态添加元素后,获取不到元素对象情况

当我请求ajax后,将得到得值添加到 元素id="launcher_frame_body" 后,在页面怎么也监听不到元素里面的各种事件

$("#launcher_frame_body").append(json.data);


在网上查找资料后,发现从1.9开始要用jquery.on()事件来获取未加载页面元素内容;

对该事件简要讲解

$(selector).on(events,[selector],[data],fn)


参数 描述
events 一个或多个用空格分隔的事件类型和可选的命名空间。
selector 可选。一个选择器字符串,用以过滤选定的元素,该选择器的后裔元素将调用处理程序。
如果选择是空或被忽略,当它到达选定的元素,事件总是触发。
data 可选。作为event.data属性值传递给事件对象的额外数据对象以供事件处理函数处理。
fn 该事件被触发时执行的函数。 false值也可以做一个函数的简写,返回false。

例:

$("#launcher_frame_body").on("mouseenter",".picBox",function(){
        $(this). find(".picBox_in").show()
    }).on("mouseleave",".picBox",function(){
        $(this). find(".picBox_in").hide()
    })
如果需要用到select的change事件,on暂时不提供该方法,建议用click替代,也可达到同样效果

这里顺便说下 $(this)  和 this 区别,$(this) 代表jquery对象,等同通过选择器如$("#id")获取的对象;而 this 代表的是html元素本身


  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值