Php 如何在jQuery中添加更多div
当您单击Php 如何在jQuery中添加更多div,php,jquery,html,tags,Php,Jquery,Html,Tags,当您单击new div时,我正在尝试向页面添加一个新的div 我怎么能这样做?有人能给我指出正确的方向吗?更多的示例代码总是很有帮助的,但我会尝试给你一些基础知识 <div id="Content"> <button id="Add" /> </div> $(function () { $('#Add').click(function () { $('<div>Added Div</div>').appendTo('#
new div
时,我正在尝试向页面添加一个新的div
我怎么能这样做?有人能给我指出正确的方向吗?更多的示例代码总是很有帮助的,但我会尝试给你一些基础知识
<div id="Content">
<button id="Add" />
</div>
$(function () {
$('#Add').click(function () {
$('<div>Added Div</div>').appendTo('#Content');
});
});
$(函数(){
$('#添加')。单击(函数(){
$('Added Div').appendTo('Content');
});
});
有很多不同的方法,这取决于你想做什么。一个简单的方法如下:
$('#id').html('<div>Hello</div>')
$('#id').html('Hello'))
它将id为“id”的项的内部html替换为“Hello”。因此:
<div id='id'>Old Html </div>
旧Html
将成为:
<div id='id'><div>Hello</div></div>
你好
这是:
$('#id').after('<div>Hello</div>')
$('id')。在('Hello'之后)
将“旧Html”转换为:
<div id='id'>Old Html</div>
<div Hello </div>
旧Html
确保在jQuery中使用$(document).ready
函数。加载页面后,您需要使用此命令来“运行”脚本,并启用在此虚拟按钮上调用的操作,以将新div附加到现有div
您还可以使用jQuery选择器(如.class
或#id
)将您想要的任何内容附加到页面上的其他元素
<div id="Content">
<button id="Add" />
</div>
$(document).ready(function() {
$('#Add').click(function () {
$('<div>Added Div</div>').appendTo('#Content');
});
});
希望这有帮助 古利,在你的问题上多下点功夫。你没有给我们太多的合作,这里。。。
<div id="Content">
<p id="changed">Hello World!</p>
<button id="change_content" />
</div>
$(document).ready(function() {
$('#change_content').click(function () {
$('#changed').html('Goodbye World');
});
});