如何使用jQuery/CSS在焦点输出上显示div？ +

单击“添加”按钮或加号，应动态添加另一个框。如何在jquery中实现它。

用于在字段失去焦点时触发：

<div class="box">
    <input type="text" value="url" />
    <span class="add-btn"> + </span>
</div>

检查这个

显示div在一定程度上取决于如何实现它

最简单的方法是添加另一个ID为的div，并将样式设置为hidden，如下所示：

$('.box input[type=text]').blur(function () {
    //Whatever you want to do.
});

---

请看此

这是您可以做的：

$('.box input[type=text]').blur(function () {
    $('#secondDiv').show();
});

$（.box”）.on（“focusout”，“input”，function（）{
$（“.box”）。追加（
）；
});

$（'.input-1'）.focusout（函数（）{
$（'.input-2'）.show（）；
});
.input-2{
显示：无；
}
默认情况下添加两个文本框，但将其中一个设置为隐藏。在第一个文本框外的焦点上，只需删除第二个文本框的隐藏属性

HTML:

查看jquery和jquery
$('.box input[type=text]').blur(function () {
    $('#secondDiv').show();
});

$(".box").on("focusout", "input", function(){
    $(".box").append("<br/><input/>");
});

<input type="text" value="url" id=txt1/>
<input type="text" value="url" id=txt2 hidden/>

$(document).ready(function(){

$('#txt1').blur(function(){

$('#txt2').removeAttr('hidden')

})

})