jquery插入html
可以用楼上的方法，也可以用如下方式，
<div class="a1">
<div class="b">bbb</div>
<div class="c">ccc</div>
</div>
<script type="text/javascript">
<!--
$(function(){
$(".a1").after("<div class='a2'></div>");
$(".a1 .c").appendTo($(".a2"));
})
-->
</script>
这两种方法都是jquery中的基本用法中的一种，
它还有很多方法在网上可以搜到jquery的帮助文档，有兴趣的话可以看看，它里面包括很多，
其中ajax和一些ui框架在我们做web开发时经常用到而且很方便
⑵ jquery如何动态的添加一条html代码
添加新内容的四个 jQuery 方法：
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
jQuery append() 方法
jQuery append() 方法在被选元素的结尾插入内容。
实例：
$("p").append("Some appended text.");
jQuery prepend() 方法
jQuery prepend() 方法在被选元素的开头插入内容。
实例：
$("p").prepend("Some prepended text.");
通过 append() 和 prepend() 方法添加若干新元素
上面的例子中，我们只在被选元素的开头/结尾插入文本/HTML。
但是append() 和 prepend() 方法能够通过参数接收无限数量的新元素。可通过 jQuery 来生成文本/HTML或者通过 JavaScript 代码和 DOM 元素。
下面创建若干个新元通过 text/HTML、jQuery 或 JavaScript/DOM 来创建。通过 append() 方法把这些新元素追加到文本中（对 prepend() 同样有效）：
实例：
function appendText()
{
var txt1="<p>Text.</p>"; // 以 HTML 创建新元素
var txt2=$("<p></p>").text("Text."); // 以 jQuery 创建新元素
var txt3=document.createElement("p"); // 以 DOM 创建新元素
txt3.innerHTML="Text.";
$("p").append(txt1,txt2,txt3); // 追加新元素
}
jQuery after() 和 before() 方法
jQuery after() 方法在被选元素之后插入内容；jQuery before() 方法在被选元素之前插入内容。
实例：
$("img").after("Some text after");
$("img").before("Some text before");
通过 after() 和 before() 方法添加若干新元素
after() 和 before() 方法能够通过参数接收无限数量的新元素。可以通过 text/HTML、jQuery 或者 JavaScript/DOM 来创建新元素。
下面创建若干新元素通过 text/HTML、jQuery 或JavaScript/DOM 来创建。然后通过 after() 方法把这些新元素插到文本中（对 before() 同样有效）：
实例：
function afterText()
{
var txt1="<b>I </b>"; // 以 HTML 创建新元素
var txt2=$("<i></i>").text("love "); // 通过 jQuery 创建新元素
var txt3=document.createElement("big"); // 通过 DOM 创建新元素
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3); // 在 img 之后插入新元素
}
⑶ 怎样用jquery添加HTML代码
1.$(".demo").html("<span></span>")2.var$span=$("<span></span>");
$(".demo").append($span)
⑷ 怎么在jquery中在div中加一段html
<style>
.box1{
width:600px;
height:300px;
border:6pxsolid#bb0000;
}
h1{
border-bottom:1pxsolidgreen;
}
</style>
<divclass="box1">
点击改变内容
</div>
<scriptsrc="http://code.jquery.com/jquery.js"></script>
<script>
$('.box1').click(function(event){
$(this).html('=========================================================这是新添贴==================================');
});
</script>
⑸ jquery 添加html()后 如何再删除
html() 方法返回或设置被选元素的内容 (inner HTML)。
如果该方法未设置参数，则返回被选元素的当前回内容。答
如果要删除已经添加的内容有如下方法
1、如果原来内容就为空，将内容置为空即可
$(selector).html("")
2、如果原来有内容，可以使用再使用html()方法将内容再写一次。
⑹ 如何用jQuery动态在某个DIV里写入HTML代码
本篇文章是对在Jquery中把一段html代码动态写入到DIV中的实现方法进行了详细的分析介绍版，需要的朋友可以参权考下 复制代码 代码如下: nav1 = "<div style='width:145px;height:62px;float:left;background:url(login_image/index/on_1.jpg);font-size:18px;color:white;line-height:65px;' id='left_tab" + "</div>" 复制代码 代码如下: $("#top_1").html(nav1);说明：top_1是body中的一个div的ID！
⑺ jQuery如何用.html（），插入到指定ID一段js代码，详情如下
这样加进去的js会执行吗？应该不会吧。
⑻ jQuery如何向HTML添加指定的内容
$(document).ready(function(){
$("#btn2").click(function(){
$("<input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' ><br>").appendTo("#ccc");
});
$("#btn1").click(function(){
$("#nowamagic").append("<input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' ><br>");
});
});
这里我们必须来知道一点，就是 append 和 appendTo 的区自别：append 单纯的内容，appendTo 要把内容传给某个元素。
这个函数的用法有很多，比如你可以按需要追加form，在区域内追加图片等等都是可以的。
⑼ jquery点击插入html,再点击就删除刚插入的这段html
<pcalss="addRemove"><!--假设这里是击插入html,再点击就删除刚插入的这段html的区域--></p>
$(".addRemove").click(function(){
//设插入html的同时也为当前元素添加一个标识addHtml类名;
if($(this).hasClass("addHtml")){
//此时存在addHtml类，表示已插入了内容，接下来应该删掉,同时删掉addHtml类名；
$(this).html("");
$(this).removeClass("addHtml");
}else{//不存在addHtml类名，接下来要添加html内容,同时也添加addHtml类名;
$(this).html(/*要插入的html内容*/);
$(this).addClass("addHtml");
}
});
⑽ jquery中input框能插入html吗
你好:
input元素是不可以的,插入的话也是源代码;
如果你想实现某种效果,建议使用div+js,实现的方法很多;
希望可以帮助到你;