jQuery 创建和插入元素
一、使用jQuery创建元素
1、创建元素
$(function(){
var $h1=$(“”);
$(“body”).append($h1);
})2、创建文本
$(function(){
var $h1=$(“DOM文档对象模型
”);
$(“body”).append($h1);
})3、创建属性
$(function(){
var $h1=$(“DOM文档对象模型
”);
$(“body”).append($h1);
})二、使用jQuery插入元素
1、在节点内部插入内容
（1）、append()方法在被选元素的结尾（仍然在内部）插入指定内容
提示：append() 和 appendTo() 方法执行的任务相同。不同之处在于：内容的位置和选择器。
语法：$(selector).append(content)
content必需。规定要插入的内容（可包含 HTML 标签）。
This is a paragraph.
This is another paragraph.
使用函数来附加内容，使用函数在指定元素的结尾插入内容。
语法：$(selector).append(function(index,html))
function(index,html) 必需。规定返回待插入内容的函数。
index - 可选。接收选择器的 index 位置。
html - 可选。接收选择器的当前 HTML。
This is a heading
This is a paragraph.
This is another paragraph.
（2）、appendTo()方法在被选元素的结尾（仍然在内部）插入指定内容
提示：append() 和 appendTo() 方法执行的任务相同。不同之处在于：内容和选择器的位置，以及 append() 能够使用函数来附加内容。
语法：$(content).appendTo(selector)
content必需。规定要插入的内容（可包含 HTML 标签）。
selector必需。规定把内容追加到哪个元素上。
This is a paragraph.
This is another paragraph.
（3）、prepend() 方法在被选元素的开头（仍位于内部）插入指定内容
提示：prepend() 和 prependTo() 方法作用相同。差异在于语法：内容和选择器的位置，以及 prependTo() 无法使用函数来插入内容。
语法：$(selector).prepend(content)
content必需。规定要插入的内容（可包含 HTML 标签）。
This is a paragraph.
This is another paragraph.
使用函数来附加内容，使用函数在被选元素的开头插入指定的内容。
语法：$(selector).prepend(function(index,html))
function(index,html) 必需。规定返回待插入内容的函数。
index - 可选。接受选择器的 index 位置。
html - 可选。接受选择器的当前 HTML。
这是一个标题
这是一个段落。
这是另一个段落。
（4）、prependTo() 方法在被选元素的开头（仍位于内部）插入指定内容
提示：prepend() 和 prependTo() 方法作用相同。差异在于语法：内容和选择器的位置，以及 prepend() 能够使用函数来插入内容。
语法：$(content).prependTo(selector)
content 必需。规定要插入的内容（可包含 HTML 标签）。
selector 必需。规定在何处插入内容。
This is a paragraph.
This is another paragraph.
2、在节点外部插入内容
（1）、after() 方法在被选元素后插入指定的内容
语法：$(selector).after(content)
content必需。规定要插入的内容（可包含 HTML 标签）。
This is a paragraph.
使用函数来插入内容，使用函数在被选元素之后插入指定的内容。
语法：$(selector).after(function(index))
function(index) 必需。规定返回待插入内容的函数。
index - 可选。接收选择器的 index 位置。
This is a heading
This is a paragraph.
This is another paragraph.
（2）、before() 方法在被选元素前插入指定的内容
语法：$(selector).before(content)
content 必需。规定要插入的内容（可包含 HTML 标签）。
This is a paragraph.
使用函数来插入内容，使用函数在指定的元素前面插入内容。
语法：$(selector).before(function(index))
function(index)必需。规定返回待插入内容的函数。
index - 可选。接收选择器的 index 位置。
This is a heading
This is a paragraph.
This is another paragraph.
（3）、insertAfter()把匹配的元素插入到另一个指定的元素集合的后面
注释：如果该方法用于已有元素，这些元素会被从当前位置移走，然后被添加到被选元素之后。
语法：$(content).insertAfter(selector)
content必需。规定要插入的内容。可能的值：选择器表达式、HTML 标记
selector必需。规定在何处插入被选元素。
这是一个段落。
这是另一个段落。
插入已有的元素
这是一个标题
这是一个段落。
这是另一个段落。
（4）、insertBefore()把匹配的元素插入到另一个指定的元素集合的前面
注释：如果该方法用于已有元素，这些元素会被从当前位置移走，然后被添加到被选元素之前。
语法：$(content).insertBefore(selector)
content 必需。规定要插入的内容。可能的值：选择器表达式、HTML 标记
selector 必需。规定在何处插入被选元素。
这是一个段落。
这是另一个段落。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！