JQuery动态新增Dom元素,怎么用JQ选择该元素并设置其属性

JQuery动态新增Dom元素,怎么用JQ选择该元素并设置其属性,第1张

假设dom结构为 <div id="div1"></div>

在其中添加p元素,并设置p元素的文本颜色为红色

var $div1 = $("#div1") //选择外层元素

var $p = $("<p id='pp'>123</p>") //设定需要添加的元素

$div1 & $div1.append($p) //把元素添加到外层元素中

$p.css('color', 'red') //修改新元素的属性

楼下说得太简单了,估计提问者看不懂。

假设,你有以下DOM

<div id="dvTest">

    <div>在这下面加一个按钮</div>

</div>

然后你添加一个按钮,方法如下

function addButton(){

    var $container = $("#dvTest")

    $container.append("<a href='javascript:'>click me</a>")

}

然后,给刚加的按钮一个click事件

//你要先找到你加的这个按钮

$("#dvTest > a").click(function(){ alert('you clicked me') })

//或

$("#dvTest > a").unbind().on('click'), function(){ alert('you clicked me') })

我觉得你主要是jQuery的筛选器用得不够熟。你可以搜一下,大概看看。只要能找到控件,绑定事件都不叫事儿。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11464307.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存