本文为在进行jQuery1.7阅读时认为自己以后在编码时应该注意的地方
1、动态创建div元素代码
(1)、$("<div><p>HEELO</p></div>").appendTo("body");
(2)、$("<div>", {
"class": "test",
text: "Click me!",
click: function(){
$(this).toggleClass("test");
}
}).appendTo("body");
两种方法的区别在于第一种只是一种单纯的添加html代码,而第二种给div添加了属性,并与属性赋了值。要在不同时候用不同的创建方法,要灵活运用。
2、在创建<input>元素时必须同时定义type,而且微软规定一个<input>只能写一次type,而且在IE浏览器中$("input").attr("typr","checbox");这种写法是无效的,而$("<input type = 'checbox'>");才是有效的
3、通过对本文的学习延伸了对DOM的了解DOM为document、object、modle的缩写DOM为访问HTML、XML的一个媒介。在XML生成的节点树中,document起到根节点的作用。
1、动态创建div元素代码
(1)、$("<div><p>HEELO</p></div>").appendTo("body");
(2)、$("<div>", {
"class": "test",
text: "Click me!",
click: function(){
$(this).toggleClass("test");
}
}).appendTo("body");
两种方法的区别在于第一种只是一种单纯的添加html代码,而第二种给div添加了属性,并与属性赋了值。要在不同时候用不同的创建方法,要灵活运用。
2、在创建<input>元素时必须同时定义type,而且微软规定一个<input>只能写一次type,而且在IE浏览器中$("input").attr("typr","checbox");这种写法是无效的,而$("<input type = 'checbox'>");才是有效的
3、通过对本文的学习延伸了对DOM的了解DOM为document、object、modle的缩写DOM为访问HTML、XML的一个媒介。在XML生成的节点树中,document起到根节点的作用。