在jQuery中访问动态创建的div可以通过以下步骤实现:
$("#myDiv")
$(".dynamicDiv")
$("div[data-type='dynamic']")
以下是一个示例代码,演示如何在jQuery中访问动态创建的div:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<button id="createDivBtn">创建div</button>
<div id="container"></div>
<script>
$(document).ready(function() {
$("#createDivBtn").click(function() {
var newDiv = $("<div>").text("动态创建的div");
$("#container").append(newDiv);
});
$("#container").on("click", "div", function() {
$(this).css("background-color", "red");
});
});
</script>
</body>
</html>
在上述示例中,点击"创建div"按钮会动态创建一个div,并将其添加到id为"container"的容器中。然后,通过使用事件委托的方式,为动态创建的div绑定了点击事件,当点击动态创建的div时,会将其背景颜色修改为红色。
注意:以上示例中使用了jQuery库,需要在页面中引入jQuery库文件。
领取专属 10元无门槛券
手把手带您无忧上云