如何用jquery创建一个dom元素?

如何用jquery创建一个dom元素?,第1张

使用jquery创建新元素的方法为:$(html标签),例如 $("<p></p>")创建了一个段落。注意此时只是创建了对象,尚未添加到文档节点中去;以下四个 jQuery 方法可以添加新内容到文档树中:

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

下面进行实例演示:点击“添加”按钮,新建一个input文本框

1、HTML结构

<input type="text" id="test_input">

<input type='button' value='添加'/>

2、javascript代码

$(function(){

$("input[type='button']").click(function() {

new_obj = $("<input type='text'>")

$(this).before(new_obj)

})

})

3、显示效果

初始样式

点击两次“添加”按钮之后的效果

$("p").append("我是小杰")//向p元素中追加id为thisidk的div层 jquery插入节点的 *** 作 $("你好吗?").appendTo("p")//将《b》追加到p元素中 $("p").prepend("你好吗?")//向p中前置《b》 $("你好吗?").prependTo("p")//将《b》前置到p元素中...


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存