首页前端开发HTML创建一些 DOM 元素实例解析

创建一些 DOM 元素实例解析

时间2024-05-08 22:04:03发布访客分类HTML浏览77
导读: 从 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

" ).appendTo( "body" )      Example: 创建一些 DOM 元素。      $( "
", {      "class": "test",      text: "Click me!",      click: function() {      $( this ).toggleClass( "test" );      }      } ).appendTo( "body" );

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 创建一些 DOM 元素实例解析
本文地址: https://pptw.com/jishu/655795.html
查找所有div 下的p元素的实例 当DOM加载完成时执行函数的实例

游客 回复需填写必要信息