jQuery(3-4)插入节点

最新推荐文章于 2021-11-16 19:49:03 发布

置顶星蓝之夜

最新推荐文章于 2021-11-16 19:49:03 发布

阅读量625

点赞数 1

分类专栏： jQuery 文章标签： jquery stylesheet html

本文链接：https://blog.csdn.net/a6613459/article/details/7082722

版权

jQuery 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!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>