jQuery的append方法

jQuery的append方法,第1张

append:向每个匹配的元素内部追加内容。

举个例子:

html代码:<p>I would like to say: </p>

jquery 代码: $("p").append("<b>Hello</b>")

结果:<p>I would like to say: <b>Hello</b></p>

利用jq的append()追加函数即可实现,如:

html:

<div class="main">

    <input type="button" value="添加" class="btn" />

</div>

JQ:

$(document).ready(function(){

    $(".btn").click(function(){

        var html = '<div style="width:200px height:30px border:1px dashed red margin-bottom:20px"></div>'

        $(".main").append(html)

    })

})


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存