Jquery关于HTML()方法
<script>$(document).ready(function(){$('button').click(function(){$('div#n').html('<h...
<script>
$(document).ready(function(){
$('button').click(function(){
$('div#n').html('<h2>ddddd</h2>');
});
});
</script>
<body>
<div id="n" style="background:#C60">
aaaaaaaaaaaaaaaaaaaaaaaa
</div>
<button>点击这里会变</button>
那个 HTML()方法 是把DIV变成了<h2>标签了吗
但为什么里面的 style 背景颜色 还是有
点击完button之后的代码是什么那既然 会在div标签中 添加h2
那要after 干什么? after()方法不就是在xxx之后添加 新的文本吗? 展开
$(document).ready(function(){
$('button').click(function(){
$('div#n').html('<h2>ddddd</h2>');
});
});
</script>
<body>
<div id="n" style="background:#C60">
aaaaaaaaaaaaaaaaaaaaaaaa
</div>
<button>点击这里会变</button>
那个 HTML()方法 是把DIV变成了<h2>标签了吗
但为什么里面的 style 背景颜色 还是有
点击完button之后的代码是什么那既然 会在div标签中 添加h2
那要after 干什么? after()方法不就是在xxx之后添加 新的文本吗? 展开
1个回答
展开全部
多看文档..
html是操作元素innerHTML属性, 直接操作这个属性会导致元素内部所有元素的事件绑定被清除
比如
$('div').append($('<span>').html('test').click(function(){alert('Click')}))
$('div').html($('div').html())
然後span上绑定的click事件就没了
after是在元素的同级到後面添加新元素
<div id="outer">
<div id="inner"></div>
</div>
$('#inner').after('<span>')
能把一个标签替换成另一个标签的是
replaceAll和replaceWith
html并不会把<div>变成<h2>
html是操作元素innerHTML属性, 直接操作这个属性会导致元素内部所有元素的事件绑定被清除
比如
$('div').append($('<span>').html('test').click(function(){alert('Click')}))
$('div').html($('div').html())
然後span上绑定的click事件就没了
after是在元素的同级到後面添加新元素
<div id="outer">
<div id="inner"></div>
</div>
$('#inner').after('<span>')
能把一个标签替换成另一个标签的是
replaceAll和replaceWith
html并不会把<div>变成<h2>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
