jquery如何创建dom元素-亚博电竞手机版
jquery如何创建dom元素
本篇内容介绍了“jquery如何创建dom元素”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！
从 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
example: 创建一些 dom 元素。
$( "
"class": "test",
text: "click me!",
click: function() {
$( this ).toggleclass( "test" );
}
}).appendto( "body" );
“jquery如何创建dom元素”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注恰卡编程网网站，小编将为大家输出更多高质量的实用文章！