创建一些 DOM 元素实例解析
导读: 从 jQuery 1.8开始, 任何jQuery实例方法(一个jQuery.fn的方法),可以被用来作为一个该对象的属性传递给第二个参数: $( "", { "class": "my-div", ...
从 jQuery 1.8开始, 任何jQuery实例方法(一个jQuery.fn的方法),可以被用来作为一个该对象的属性传递给第二个参数:
$( "", {
"class": "my-div",
on: {
touchstart: function( event ) {
// do something
}
}
}
).appendTo( "body" );
在这个对象中,"class"(类)的名称必须使用引号括起来,因为它是一个JavaScript保留字,还有不能使用"className",因为它是指的DOM属性(property),不是属性(attribute)。
虽然第二个参数是方便,它的灵活性可能会导致意想不到的后果(例如$("", {
size: "4"}
)调用.size()方法,代替设置size属性)。上面的代码块可以被写入,代替为:
$( "" )
.addClass( "my-div" )
.on({
touchstart: function( event ) {
// do something
}
}
).appendTo( "body" );
例子:
Example: 动态创建一个 div 元素(以及它的内容),并将它追加到 body 元素后。在 jQuery 内部是通过所指定元素的 innerHTML 属性对新生成的元素进行赋值的。
$( "Hello
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 创建一些 DOM 元素实例解析
本文地址: https://pptw.com/jishu/655795.html
