jQuery如何创建DOM元素

本篇内容介绍了“jQuery如何创建DOM元素”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于网站制作、做网站、乌拉特中网络推广、成都小程序开发、乌拉特中网络营销、乌拉特中企业策划、乌拉特中品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联建站为所有大学生创业者提供乌拉特中建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com

从 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

" ).appendTo( "body" )

Example: 创建一些 DOM 元素。

$( "

", {

"class": "test",

text: "Click me!",

click: function() {

$( this ).toggleClass( "test" );

}

}).appendTo( "body" );

“jQuery如何创建DOM元素”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


网页标题:jQuery如何创建DOM元素
网站路径:http://bzwzjz.com/article/pscsed.html
Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 企业网站设计 重庆网站建设 手机网站制作 温江网站设计 成都网站设计 手机网站制作 重庆网站制作 公司网站建设 企业网站设计 企业网站建设 营销型网站建设 专业网站建设 网站制作 成都营销网站制作 成都网站建设公司 LED网站设计方案 重庆手机网站建设 成都模版网站建设 响应式网站设计方案 重庆企业网站建设 网站制作报价 成都定制网站建设