简明现代魔法 -> JQuery -> JQuery 学习:追加HTML元素内容

JQuery 学习:追加HTML元素内容

2010-05-02

效果演示



看这里的变化

看这里的变化

code 如下:

$(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,在区域内追加图片等等都是可以的。

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们