`
kabike
  • 浏览: 608514 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

jquery创建元素的方式

    博客分类:
  • html
阅读更多
原来一直以为jquery的$()里只能放选择器,原来也可以放html字符串来创建新的元素.不过创建元素的时候用的是innerHTML的方式呢,还是createElement呢?
文档上说
引用

If the HTML is more complex than a single tag without attributes, as it is in the above example, the actual creation of the elements is handled by the browser's innerHTML mechanism. In most cases, jQuery creates a new <div> element and sets the innerHTML property of the element to the HTML snippet that was passed in. When the parameter has a single tag (with optional closing tag or quick-closing) — $( "<img />" ) or $( "<img>" ), $( "<a></a>" ) or $( "<a>" ) — jQuery creates the element using the native JavaScript createElement() function

也就是说,包含了属性的用的是innerHTML,比如
$("<p id='test'>My <em>new</em> text</p>").appendTo( "body" );


不包含属性的,是createElement,比如
$("<img>")
分享到:
评论

相关推荐

    拖动排序元素jquery插件

    本文将深入探讨“拖动排序元素”的jQuery插件,这是一款用于实现用户通过拖放操作来重新排序页面元素的强大工具。 标题中的“拖动排序元素jQuery插件”是指一个基于jQuery的插件,它的主要功能是允许用户通过直接...

    jquery添加和删除元素

    比如,我们可以使用`$`符号来创建一个jQuery对象,并传入CSS选择器来选取元素。 添加元素: 在jQuery中,我们通常使用`append()`和`prepend()`方法来向已存在的元素内部添加新的内容。`append()`会在被选元素的末尾...

    jQuery 子级元素在父级元素内滚动

    当我们谈论"jQuery 子级元素在父级元素内滚动"时,这通常涉及到滚动事件和相对定位的概念。这个场景常见于创建滚动效果或者实现自定义滚动条,比如在滚动父元素时,子元素随着父元素的滚动保持可见或执行特定的动画...

    jQuery文件夹创建删除修改代码.zip

    这是一个老版jQuery中的方法,它允许事件处理程序应用于当前及未来的元素,即使这些元素在绑定事件时尚未存在于DOM中。这在动态添加内容的页面上特别有用。然而,需要注意的是,"live"在jQuery 1.7版本中已被弃用,...

    jQuery拖动div元素标签

    本教程将深入探讨如何利用jQuery UI库中的Draggable功能来实现div元素的拖动,以及如何通过append方法动态添加元素。首先,我们需要了解jQuery UI库的基本用法。 **jQuery UI Draggable组件** jQuery UI的Draggable...

    jQuery点击弹出创建快捷方式代码.zip

    总的来说,这个项目结合了jQuery的灵活性和Bootstrap的易用性,提供了一种便捷的方式让网站用户能够快速在他们的桌面上创建网站的快捷方式,从而提高了用户对网站的粘性。对于前端开发者来说,理解和学习这样的代码...

    jquery添加快捷方式特效

    1. **动态创建快捷方式**:你可以使用jQuery的`.append()`或`.html()`方法动态地在网页上生成快捷方式元素,比如`&lt;a&gt;`标签,其中包含链接和图标信息。 2. **事件监听**:利用jQuery的事件处理函数,如`.click()`, `...

    jQuery为动态生成的select元素添加事件的方法

    在处理动态生成的元素时,jQuery提供了强大的选择器和方法,这使得开发者能够以简洁的方式操作这些元素,包括为它们添加事件监听器。 2. 动态生成元素的事件处理难题:在Web开发中,经常遇到需要动态生成页面元素的...

    jquery块元素连接线.zip

    SVG是用于在Web上绘制矢量图形的一种方式,它可以创建线条并进行精确的定位。而Canvas则是一个画布,通过JavaScript进行像素级别的绘图。在这个场景下,jQuery可以帮助我们选取块元素,然后通过SVG或Canvas来绘制...

    jQuery多元素组合动画滑动幻灯片.zip

    通过以上步骤,我们可以创建出一个功能完善的jQuery多元素组合动画滑动幻灯片。在实际开发中,还可以根据需求添加更多功能,如预加载、触摸滑动支持、动态加载内容等,进一步提升用户体验。 总结来说,jQuery多元素...

    jQuery动态创建html元素的常用方法汇总

    1、使用jQuery创建元素的语法 2、把动态内容存放到数组中,再遍历数组动态创建html元素 3、使用模版 1.使用jQuery动态创建元素追加到jQuery对象上。 &lt;meta http-equiv="Content-Type" content="text/html; ...

    jQuery获取所有父级元素及同级元素及子元素的方法(推荐)

    1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素,依次上溯 ——————————————————————————– 2.获取...

    jquery高亮图片框 jquery图片展示 jquery效果很好

    首先,jQuery高亮图片框通常指的是在用户交互(如点击或鼠标悬停)时,图片框会以特定方式突出显示,例如改变边框颜色、添加阴影效果或者调整透明度。要实现这个效果,可以使用jQuery的选择器来选中图片框元素,然后...

    jQuery表单元素动态增加删除代码.zip

    本资源"jQuery表单元素动态增加删除代码.zip"聚焦于一个特定的应用场景:通过jQuery实现表单元素的动态添加与删除功能。这种功能在现代Web应用中非常常见,例如在线表单填写、购物车管理等,它允许用户根据需要...

    jquery 动态创建元素的方式介绍及应用

    document.createElement需要手动处理元素及其属性,而使用jQuery创建元素时,可以利用jQuery的链式操作一次性完成更多的操作。通常推荐使用jQuery来创建元素,因为它简化了语法,并且兼容性更好。然而,对于简单的...

    jQuery 创建Dom元素

    "jQuery 创建Dom元素" jQuery 是一个流行的 JavaScript 库,提供了许多有用的功能来操作 DOM 元素。在这篇文章中,我们将讨论如何使用 jQuery 创建 DOM 元素。 什么是 DOM 元素? 在 HTML 文档中,每个元素都是...

    jQuery创建DOM元素实例解析

    标题中提到的知识点是关于"jQuery创建DOM元素实例解析",而描述则详细说明了该文档主要介绍jQuery创建DOM元素的方法,并通过实例分析了jQuery使用$直接创建DOM元素的技巧,具有参考借鉴价值。根据给定的文件内容,...

    jquery创建404动画页面

    "jQuery创建404动画页面"这个主题,就是利用jQuery插件来制作具有吸引力的404错误页面,通过动态效果提升用户的互动感。 jQuery是一个轻量级、功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax...

    jQuery动态创建表格生成器代码.zip

    "jQuery动态创建表格生成器代码"的核心在于,它提供了一个无需手动编写HTML代码的便捷方式,可以轻松地添加行(row)和列(column)。这通常涉及到以下几个关键步骤: 1. **初始化表格结构**:在网页中创建一个基本...

    jquery创建调查问卷代码 返回json序列

    本文将深入探讨如何使用jQuery创建一个调查问卷系统,并返回JSON序列,涉及的功能包括新增、编辑、删除、调换题目以及选项顺序等。 首先,我们需要了解基本的HTML结构,这是构建调查问卷的基础。`Investigation....

Global site tag (gtag.js) - Google Analytics