jQuery(3-4)插入节点

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>example.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<body>
<h3>水果</h3>
<p title="选择你喜欢的水果"> 你喜欢的水果是？</p>
<p title="1234567"> 你喜欢的水果是？</p>
<ul>
<li>苹果</li>
<li>橘子</li>
<li>菠萝</li>
<li>香蕉</li>
<li>梨子</li>
</ul>
</body>

$('p').append('你好 '); //向每个匹配的元素后面追加类容
/*
$('<b>你好</b>').appendTo('li');

//一定要加标签不可以直接打字 <b>你好</b> 添加到指定标签的后面
//常规颠倒将所有匹配的元素追加到指定的元素中
*/

/*
$('li').prepend("<b> 你好 </b>"); //向每个匹配的元素内设置类容

*/

/*
$('<b> 你好 </b>').prependTo("li");

//添加到指定标签的前面
//常规颠倒将所有匹配的元素前置到指定的元素中（将类容放在标签前面去了）
*/

$('li').after('<b>123</b>'); //在某个元素之后添加内容就是换行添加
*/

$('<b>123</b>').insertAfter('li'); //常规颠倒
$('p').before('哦哦 '); //元素之前写东西
/*
$('<br>你好</br> ').insertBefore('li'); //匹配的元素添加在指定的元素之前

});

</script>
</html>

jQuery(3-4)插入节点

相关推荐