jQuery 是一个 JavaScript 库,它提供了一系列的 API 来操作 DOM 元素,其中包括添加元素。jQuery 提供了多种方法来添加元素,这些方法可以帮助我们快速地实现页面的布局和内容的展示。
jQuery 的 append() 方法可以将新元素追加到已有元素的末尾:
$("#container").append("<div>This is a new div.</div>");
prepend() 方法可以将新元素追加到已有元素的开头:
$("#container").prepend("<div>This is a new div.</div>");
after() 方法可以在已有元素之后插入新元素:
$("#container").after("<div>This is a new div.</div>");
before() 方法可以在已有元素之前插入新元素:
$("#container").before("<div>This is a new div.</div>");
html() 方法可以用来直接修改 HTML 内容:
$("#container").html("This is the new content.");
通过 jQuery,可以很容易地添加新元素/内容。
我们将学习用于添加新内容的四个 jQuery 方法:
jQuery append() 方法在被选元素的结尾插入内容。
jQuery prepend() 方法在被选元素的开头插入内容。
在上面的例子中,我们只在被选元素的开头/结尾插入文本/HTML。
不过,append() 和 prepend() 方法能够通过参数接收无限数量的新元素。可以通过 jQuery 来生成文本/HTML(就像上面的例子那样),或者通过 JavaScript 代码和 DOM 元素。
在下面的例子中,我们创建若干个新元素。这些元素可以通过 text/HTML、jQuery 或者 JavaScript/DOM 来创建。然后我们通过 append() 方法把这些新元素追加到文本中(对 prepend() 同样有效):
jQuery after() 方法在被选元素之后插入内容。
jQuery before() 方法在被选元素之前插入内容。
after() 和 before() 方法能够通过参数接收无限数量的新元素。可以通过 text/HTML、jQuery 或者 JavaScript/DOM 来创建新元素。
在下面的例子中,我们创建若干新元素。这些元素可以通过 text/HTML、jQuery 或者 JavaScript/DOM 来创建。然后我们通过 after() 方法把这些新元素插到文本中(对 before() 同样有效):
提示:在jQuery中,append/prepend 是在选择元素内部嵌入,而after/before 是在元素外面追加。
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需...
虽然现在网速都很快,不过由于我们的网站越来越复杂,有时打开一个大型网站难免会比较慢,如今用户对网站的使用体验的要求越来越...
CSS3 target 属性实例在新窗口中打开所有超链接,并放置上述所有其他标签/窗口的新窗口:a{target:new front;}浏览器支持任何主...
CSS :hover 选择器完整CSS选择器参考手册定义和用法:hover在鼠标移到链接上时添加的特殊样式。:hover是一个伪类,它适用于处于悬...
CSS3 :last-of-type 选择器完整CSS选择器参考手册定义和用法:last-of-type选择器匹配元素其父级是特定类型的最后一个子元素。提...