jq 动态生成的元素append()失效的小坑

最新推荐文章于 2024-07-14 03:36:30 发布
最新推荐文章于 2024-07-14 03:36:30 发布
阅读量9.2k 收藏 1
点赞数
分类专栏： 前端 文章标签： append
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lianzhang861/article/details/80831995
版权

以上的结果是：


1.每次使用$(字符串)时都是重新建一个对象，后面的$(html)不是前面的$(html)对象，所以没有把a append进去，而是生成单纯的新的html对象，当然没有a标签

2.每次.append（字符串）时都是新加一个字符串转换的对象，


所以前面用$(html)变成的对象虽然把a append进去了，但是后来 .append(html)实际上是又将html创建一次对象，当然还是没有a标签。

3.当$(html)赋值给一个变量时，此对象才会被缓存。此时再给他做append操作是可以的。


豆趣编程
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
A01-jquery操作之：如何获取动态生成元素（获取未来元素）
weixin_42252518的博客
08-11 2124
A01-jquery操作之：如何获取动态生成元素（获取未来元素） what 动态生成元素？ html代码中没有的元素 通过js生成的元素 通过模板字符串生成的元素 反正就是页面加载后才生成的元素 why 传统的方**直接使用$(选择器)**无法获取到该元素 为新增元素绑定事件 获取新增元素列表进行遍历操作 how 绑定事件的几种方式 自 jQuery 版本 1.7 起，...
js和jq的dom操作&&append的元素绑定事件失效
笔芯君
01-28 6881
js的显示和隐藏 msg.style.display="block"; label.style.display="none"; jq的显示和隐藏 $("#msgBox").show(); $(obj).siblings().hide(); js'的编辑内容 document.getElementById("infot").innerHTML=info; jq
jQuery中使用append追加元素事件无效的解决方法
weixin_41054215的博客
09-19 1118
<!-- 新增成员 --> <div class="dy_boxes"> <!-- <div class="dy_box"> <div class="weui-cells__title" style="margin-top:5px;"> 成员 <a href="javascript:;" class="weui-btn weui-bt...
解决jQuery使用append添加的元素事件无效的问题
10-18
今天小编就为大家分享一篇解决jQuery使用append添加的元素事件无效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
jquery append 不显示
最新发布
weixin_36948630的博客
07-14 40
jQuery中append方法不显示的原因及解决方法 在使用jQuery进行DOM操作时，我们常常会用到append()方法来向文档中插入元素。然而，有时候我们会遇到这样的情况：明明已经使用了append()方法，但插入的元素却没有显示在页面上。这种情况通常是由于一些常见的原因导致的。在本文中，我们将讨论一下jQuery ...
jquery append加入新元素后事件无效处理方法
周馒头_资料
12-27 1998
jquery append加入新元素后事件无效处理方法 在很多网站上说是使用live就可以用，但是我发现我使用的jquery的版本是1.9，在1.9后live删除了，所以改用on的方法来处理 　根据jQuery的官方描述，live方法在1.7中已经不建议使用，在1.9中删除了这个方法。并建议在以后的代码中使用on方法来替代。 　　on方法可以接受三个参数：事件名、触发选择器、事件函数。中
jQuery动态append添加元素点击事件失效
热门推荐
qq_38332574的博客
09-25 1万+
最近开始做前端，遇到一些问题，现在记录一下，以备不时之需。 问题描述：在div中动态添加span元素，之后执行 $(selector).click(function(){var param = $(this).text();}) 无法触发事件。 原因：append中的节点是在整个文档加载完之后开始添加，页面不会为append的元素初始化添加点击事件，故使用这种方式动态添加的节点中的cli...
easyUI,重新渲染
赶路人儿
01-16 1万+
Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法  可以使用$.parser.parse();这个方法进行处理； 例如： $.parser.parse(); 表示对整个页面重新渲染，渲染完就可以看到easyui原来的样式了； var targetObj = $("").appendTo("#id"); $.parser.parse(tar
jquery的append方法无效
kunpengyupeng的博客
06-17 2717
css代码： AAAA BBBB(title="hello") CCCC(class="box") DDDD(title="hello") jQuery代码：$("#ull").append("我是append新增的span"); 在页面中jquery的append方法无效；节点没增加，也没报错。 改善：$(function () { $("#ull").append("我是append新增的span");}) 注意：参数为函数，当D
jquery获取不到动态append元素的值
云别
12-04 3115
1.问题： jquery获取不到动态append的input框的值 在处理一些逻辑的时候，我们可能会使用到动态append一些元素到页面上，这也会有一些问题 比如，append上的元素通过各种选择器获得的都是null，或者undefined。 2. 如何解决 这里介绍一下我经常使用的方法，适用与不同的场景 2.1 在append后直接绑定事件/获取值 在我们append一个元素的时候，直接在其js...
jquery实现动态生成表格
11-13
数据展示时候，经常从后台传入大小不等的矩阵。这里给出了根据不同矩阵大小，通过jquery的html()和append(）方法动态生成html表格的实例。
JQ实现向动态元素添加事件
华丽的开幕
06-05 6165
最近做的工作需要添加微信统计，然后页面里是动态添加的模拟对话，需要给动态添加的元素添加点击复制事件。 第一就想到了JQ的bind事件，可是经过测试发现，bind事件不能给动态添加的元素进行事件添加，不能放弃啊，继续探索，终于功夫不负有心人，发现on事件可以实现这个效果。废话不多说，上代码： <!DOCTYPE html> <html> <head> ...
解决使用jQuery采用append添加的元素事件无效的方法
kodmoqn的博客
04-30 246
解决使用jQuery采用append添加的元素事件无效的方法
关于jquery 的 对控件 的 隐藏 和显示 失效的问题
XiaoAnXiong的博客
01-04 2523
一般 我们要对 html  jsp 控件 进行 动态显示 或者 隐藏 那么可以用到 jquery自带的方法   $("#id").hide();  $("#id").show();   但是有时候 我们对于 控件里面的元素 进行 动态控制隐藏或者显示，那么可能会发生失效。 例如 div 里面的 th tr 或者 ul  里面的 li  对div ul进行隐藏 未必就能进行对里面...
append替换代码后jquery不起作用_047、jQuery
weixin_39829501的博客
11-29 136
1.操作页面元素的属性//获得元素对象 var tex=$("#inp1"); //获得元素对象的属性 var te=tex.attr("type"); var cl =tex.attr("class"); //获得元素固有的属性值 var val =tex.attr("value"); console.log(te+"------"+cl+"-----"+val); //获得文本框实时输入的值 ...
动态加载jquery的append元素标签，不生效问题
u011095196的博客
06-01 3267
动态加载jquery的append元素标签，不生效问题 function appendHtml(result,cheatTypeDetailValue){ $.each(result,function(i,obj){ var html="<label class='checkbox-inline check-box' > <input id='checkBoxId"+i+"' name='fqzdcInvestigateAppraise.cheatTypeDet
这两天使用jquery-mobile写手机页面遇到的append样式不生效，以及listview内容显示不完解决方法
jbk3311的专栏
04-12 2652
昨天才接触jquery-mobile，想写一个手机适应页面，由于基础不好，各种问题困扰，做到晚上还没有完成，现在把遇到的一些问题记录下来以免后面还会遇到，都是一些基础的问题，       使用jquery 的append 添加元素时所添加的元素样式没有效果，经网上查找，解释是样式没有同步刷新所置，于是按照说法加入了 $("#listview").append(li);         $
js的append追加元素动态添加css失效
05-27
当使用`append()`方法动态添加元素并同时添加CSS样式时，需要注意以下几点： 1. 确保添加的CSS样式的选择器与现有的样式不冲突； 2. 确保CSS样式在元素添加到DOM树之后才定义，否则新添加的元素不会应用这些样式； 3. 如果需要在添加元素后立即应用CSS样式，可以使用`setTimeout()`方法或者异步加载样式表的方式。 下面是一个示例代码： ```html <style> .red { color: red; } </style> <div id="container"> <p class="red">Hello World</p> </div> <script> // 添加一个新的段落元素，并在其后添加CSS样式 var p = document.createElement('p'); p.textContent = 'New Paragraph'; p.style.color = 'red'; // 添加CSS样式 document.getElementById('container').append(p); </script> ``` 在上面的代码中，我们使用`createElement()`方法创建一个新的段落元素，并为其添加了样式`color: red`。由于样式是在元素添加到DOM树之前定义的，因此新添加的元素会应用这些样式。如果需要异步加载样式表，可以使用以下代码： ```html <style> .red { color: red; } </style> <div id="container"> <p class="red">Hello World</p> </div> <script> // 添加一个新的段落元素，并在其后添加CSS样式 var p = document.createElement('p'); p.textContent = 'New Paragraph'; document.getElementById('container').append(p); // 异步加载样式表 var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = 'path/to/styles.css'; document.head.append(link); </script> ``` 在上面的代码中，我们先添加了一个新的段落元素，然后使用`createElement()`方法创建一个`link`元素，并设置其`rel`属性为`stylesheet`，`href`属性为样式表的路径。最后，将`link`元素添加到`head`元素中，样式表会异步加载并应用到新添加的元素上。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

豆趣编程

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值