jQuery添加元素
开发工具与关键技术:jQuery
作者:杨东林
撰写时间:2020-8-17
通过jQuery,可以很容易的添加元素和HTML内容
添加新的HTML内容的四个 jQuery 方法:
1、append() - 在被选元素的结尾插入内容
例:
(
“
p
”
)
.
a
p
p
e
n
d
(
“
H
e
l
l
o
w
o
r
l
d
”
)
;
2
、
j
Q
u
e
r
y
p
r
e
p
e
n
d
(
)
方
法
在
被
选
元
素
的
开
头
插
入
内
容
。
例
:
(“p”).append(“Hello world”) ; 2、jQuery prepend() 方法在被选元素的开头插入内容。 例:
(“p”).append(“Helloworld”);2、jQueryprepend()方法在被选元素的开头插入内容。例:(“p”).prepend(“Hello world”) ;
通过append()和prepend()方法添加新元素
两种方法能够通过参数接收无限数量的新元素,可以通过jQuery生成文本、HTML,或者通过JavaScript代码和DOM元素。
例:function appendText(){
Var HTML1= “y”;
Var HTML2=$(“”).text(“Hello”);
Var HTML3=document.createElement(“smile”);
HTML3.innerHTML=”jQuery!”;
KaTeX parse error: Expected 'EOF', got '}' at position 34: …,HTML2,HTML3); }̲ 3、jQuery after…(“p”).after(“Hello world”);
4 、jQuery before() 方法在被选元素之前插入内容。
例:KaTeX parse error: Expected '}', got 'EOF' at end of input: …b>”; Var HTML2=(“”).text(“Hello”);
Var HTML3=document.createElement(“smile”);
HTML3.innerHTML=”jQuery!”;
$(“b”).after(HTML1,HTML2,HTML3);
}