<分区>
标签 javascript jquery html css
<分区>
我使用jQuery中的append
方法生成了一些HTML输入框;现在我想使用 jQuery 对这些输入元素产生一些影响,但我做不到。这是我想要做的事情的一个小例子。
<style type="text/css"></style>
<style>
.focus
{
background-color: green;
}
</style>
<script src="alu_afric/Java/java.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("#newHTML").append('<input type="text" placeholder="some text .."/>');
});
$("input").focus(function() {
$(this).addClass("focus");
});
});
</script>
<button>Click</button>
<body>
<div id="newHTML"></div>
</body>
最佳答案
事件监听器应该是
$( document ).on( 'focus', 'input[type=text]', function() {
代替
$("input").focus(function(){
请检查代码段以获得更多理解。
$(document).ready(function(){
$("button").click(function(){
$("#newHTML").append('<input type = "text" placeholder = "some text .."/>');
});
$( document ).on( 'focus', 'input[type=text]', function() {
$(this).addClass("focus");
});
});
.focus
{
background-color: green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Click</button>
<body>
<div id = "newHTML"></div>
</body>
关于javascript - 如果我使用 append 生成 HTML 元素,我可以在之后使用 jQuery 影响它们吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39547894/