首页 / JQUERY / JQuery创建DOM节点的方法_jquery

JQuery创建DOM节点的方法_jquery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JQuery创建DOM节点的方法_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2599字，纯文字阅读大概需要4分钟。

内容图文

本文实例讲述了JQuery创建DOM节点的方法。分享给大家供大家参考。具体分析如下：

用JQuery选择器能够快捷而轻松地查找到文档中的某个特定的元素节点，然后可以用attr()方法来获取元素的各种属性的值。但真正的DOM操作并非这么简单。在DOM操作中，常常需要动态创建HTML内容，使文档在浏览器里的呈现效果发生变化，并且达到各种各样的人机交互的目的。

HTML DOM结构如下：

欢迎访问脚本之家


    
    
  • 简单易懂的PHP编程
    • 
    
  • 简单易懂的JavaScript编程
    • 
    
  • 简单易懂的JQuery编程
    •

创建元素节点

例如要创建两个

  • 元素节点，并且要把它们作为
      元素节点的子节点添加到DOM节点树上。完成这个任务需要两个步骤。

    • 1. 创建两个

  • 新元素。
    2. 将这两个新元素插入文档中。

    • 第1个步骤可以使用jQuery的工厂函数$()来完成，格式如下：

    $(html);

    $(html)方法会根据传入的HTML标记字符串，创建一个DOM对象，并将这个DOM对象包装成一个jQuery对象后返回。

    首先创建两个

  • 元素，jQuery代码如下：

    • 然后将这两个新元素插入文档中，可以使用jQuery中的append()等方法。JQuery代码如下：

    动态创建的新元素节点不会被自动添加到文档中，而是需要使用其他方法将其插入文档中。当创建单个元素时，要注意闭合标签和使用标准的XHTML格式。例如创建一个

    元素，可以用$("

    ")或者$("

    ")，但不要使用$("

    ")或者大写的$("

    ")。

    创建文本节点

    已经创建了两个

  • 元素节点并把它们插入文档中了。此时需要为创建的元素节点添加文本内容。

    • JQuery代码如下：

    如以上代码所示，创建文本节点就是在创建元素节点时直接把文本内容写出来，然后使用append()等方法将它们添加到文档中就可以了。

    无论$(html)中的HTML代码多么复杂，都要使用相同的方式来创建。例如$("

  • 这是一个复杂的组合
    • ");

    创建属性节点

    创建属性节点与创建文本节点类似，也是直接在创建元素节点时一起创建。JQuery代码如下：

    通过浏览器查看源代码工具查看代码，可以看到最后两个

  • 元素多了名为“title”的属性节点。由此可以判断，创建的元素的文本节点和属性节点都已经添加到网页中了。由此可见用jQuery来动态创建HTML元素是非常简单、方便和灵活的。

    • 希望本文所述对大家的jQuery程序设计有所帮助。

    内容总结

    以上是互联网集市为您收集整理的JQuery创建DOM节点的方法_jquery全部内容，希望文章能够帮你解决JQuery创建DOM节点的方法_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

    内容备注

    版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

    内容手机端

    扫描二维码推送至手机访问。

    本文链接：https://qyyshop.com/info/325707.html

    来源：【匿名】