js插入前后

最新推荐文章于 2024-04-25 00:00:00 发布
最新推荐文章于 2024-04-25 00:00:00 发布
阅读量1.1k 收藏
点赞数
分类专栏： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luman1991/article/details/53379756
版权 
<!DOCTYPE html>


<html>


<head>


    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>工单详情</title>


  
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="multiselectSrc/jquery.multiselect.css" />
<link rel="stylesheet" type="text/css" href="assets/style.css" />
<link rel="stylesheet" type="text/css" href="assets/prettify.css" />
<link rel="stylesheet" type="text/css" href="jquery-ui.css" />
<script type="text/javascript" src="jquery.min.js"></script>


<script type="text/javascript" src="ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="assets/prettify.js"></script>
<script type="text/javascript" src="multiselectSrc/jquery.multiselect.js"></script>
<script type="text/javascript">  
    $(function (){  
        //1、创建节点  
        //2、插入节点，在该节点的子节点的最后面插入  
        $("<li id='shenzhen'>[shenzhen]</li>").appendTo($("#city"));  
        $("#city").append("<li id='shenzhen'>shenzhen</li>");  
          
        //插入结点：在该节点的子节点的最前面插入  
        $("<li id='math'>数学</li>").prependTo($("#major"));  
        $("#major").prepend("<li id='math'>[数学]</li>");  
          
        //把新创建的节点添加到指定节点之后  
        $("<li id='shenzhen'>shenzhen</li>").insertAfter($("#beijing"));  
        $("#beijing").after("<li id='shenzhen'>[shenzhen]</li>");  
          
        //把新创建的节点添加到指定节点之前  
        $("<li id='shenzhen'>shenzhen</li>").insertBefore($("#beijing"));  
        $("#beijing").before($("<li id='shenzhen'>[shenzhen]</li>"));  
          
    });  
</script>  
</head>  
<body>  
    <p>选择你所喜欢的城市？</p>  
    <ul id="city">  
        <li>哈尔滨</li>  
        <li id="beijing">北京</li>  
        <li>上海</li>  
        <li>广州</li>  
    </ul>  
    <p>选择你所喜欢的专业？</p>  
    <ul id="major">  
        <li>计算机</li>  
        <li>会计</li>  
        <li>管理学</li>  
        <li>印刷工程</li>  
    </ul>  
</body>  
</html>

xlj3
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用jQuery在元素前后与内外部插入Dom节点
藜笙的博客
04-27 2628
使用jQuery在元素前后插入Dom节点 在编写代码时，当你想要通过点击事件在某个元素前后添加内容或样式的时候，你可以通过JavaScript编写代码。精明的你也许会发现，与jQuery做对比，使用javaScript编写这部分代码，没有jQuery编写的代码简洁，方便。 注 ：学习本章节内容要有一定的 HTML , CSS , JavaScript ...
js初入
bedfish的博客
09-23 146
JavaScript的书写位置 写在行内 <input type="button" value="按钮" onclick="alert('Hello World')" /> 写在script标签中 <head> <script> alert('Hello World!'); </script> </head> ...
ln-aspect:在指定方法执行的前后插入特定函数，必须与 ln-events 一起使用
06-08
ln-aspect 在指定方法执行的前后插入特定函数，必须与 ln-events 一起使用。 安装 $ spm install ln-aspect --save 使用 var Aspect = require('ln-aspect'); // use ln-aspect 开发 本地 Web 服务 grunt 浏览器中访问 生成/查看 API 文档 grunt doc grunt 浏览器中访问 代码检查与单元测试 grunt test 发布组件到 SPM 源 grunt publish
JS 添加数组元素（ 4种方法 ）
最新发布
大剑师兰特的GIS世界
04-25 3554
ush() 和 unshift() 方法会直接修改原数组。 splice() 方法同样会直接修改原数组，但它还可以用来同时删除和插入元素。 concat()方法不会改变原数组，而是返回一个新的数组。
JS 之如何在插入元素时插在原有元素的前面而不是末尾
10-10 749
语法： 父级.insertBefore（新元素，被插入的元素）； //在指定的元素前面加入一个新元素 父级.insertBefore（新元素，父级.children[0]）;　　//在第一个元素的前面插入一个元素，在IE下如果第二个参数的节点不存在，则会报错，若是其他浏览器，则会默认以appendChild的形式添加，不会报错 　　...
Linux sed命令在匹配行前后插入新行
Blue summer的博客
07-17 1万+
有时候经常需要在匹配行的前后插入新行，之前各种找资料，现在记录一下。 参数说明 使用sed命令配合以下参数即可实现， a\ 在匹配行的后面追加一行 b\ 在匹配行的前面追加一行 sed的man手册说明如下， a \ text Append text, which has each embedded newline preceded by a backslash. i \ tex...
js 添加和添加到最前面的方法
wuhuajun_123456的博客
11-01 2094
js 添加和添加到最前面的方法
javascript常用的数组方法
qq_33418013的博客
11-01 4937
前端 javascript 数组的常用的方法
JS中在数组头部添加元素的方法
qq_27158739的博客
10-12 1万+
1. 使用Array.unshift()方法,在数组头部插入元素。3. 使用Array.contact方法,将数组进行拼接。2. 使用ES6的扩展运算符(...)
js操作数组前面插入，后面插入
qq_34631220的博客
12-02 917
js操作数组前面插入，后面插入
文章关键词前后插入指定字符串
你的目光看海的博客
03-24 484
最近项目上有一个在文章关键词前后插入html标签的需求，我用php写了一下。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;php&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;?php function asiccToUtfArrar($Str)
aspect:在指定方法执行的前后插入特定函数，简称aop，面向切面
06-05
使用 Aspect，可以允许你在指定方法执行的前后插入特定函数。 使用说明 基于 Base.extend 创建的类，会自动添加上 Aspect 提供的功能。 before object.before(methodName, callback, [context]) 在 object[method...
lmsail-im::fire: 点对点聊天IM应用，前后端分离项目！前端：react；后端：NestJS；赶紧来体验一下吧～～
05-28
点对点聊天IM应用，前后端分离项目！前端：react；后端：NestJS；群聊后续会加，但是短期内不会，有空的话会把精力放在代码优化上！因为我实在是不想写UI了，懒的连手机端都没适配:grinning_face_with_smiling_eyes:...
requirefix:Node.js的require（）函数的轻量级扩展。 此扩展名允许您使用其自动前后固定名称加载模块
05-18
在require()调用中将-compiled插入模块名称似乎不是一个好的设计决定。解决方案Requirefix通过额外的行为扩展了Node的内置require()函数。 您可以为您想要的模块路径指定一个或多个前缀和后缀。 这样，您可以简单地...
ExpressPLCEditor:毕业设计版ExpressPLCEditor，很好的前后端学习资料
05-15
安装Node.js这里使用的操作系统版本为Window10,当然其他操作系统版本也类似，参考下面这篇文章在各个平台上安装Node.js的不同版本：注意：推荐安装node-v8.9.0及其以上稳定版本，低版本运行npm install安装Node模块...
JavaScript 插入元素到数组的方法汇总
热门推荐
oscar999的专栏
12-24 2万+
JS 在数组插入元素方法 JavaScript可以往数组里插入元素的函数有三个： push, 最常用， 在数组后面插入 unshift ，在数组前面插入 splice ，最灵活 ，在指定位置插入 使用示例 push push()方法可以有一个或多个参数， 多个参数则是插入多个元素。示例如下： let arr = [1,2,3]; //1. push 在数组后面插入 arr.push(4); //1,2,3,4 console.log(arr); arr.push(5,6); //1,2,3,4,5,6
JS 数组的插入与删除、字符串数组与数字数组的转换
UserGuan的博客
11-23 1010
arr.pop()返回值：被删除的元素(即数组原来的最后一个元素)。如果数组是空的，那么 pop() 方法将不进行任何操作，返回 undefined 值。该方法不创建新数组，而是直接修改原有的数组。所以该方法会改变数组的长度。arr.pop();
在网页中插入js的几种方法
末贵的CSDN个人博客
03-10 1万+
在网页中插入js的几种方法
JS向数组添加元素、插入数据
qq_38361229的博客
03-19 658
JS向数组添加元素
markdown如何插入JS代码块
05-22
在代码块前后加上反引号(``)和语言标识符（js），即可在Markdown中插入JavaScript代码块，如下所示： ```js console.log("Hello World!"); ``` 2. 使用第三方工具 可以使用一些第三方工具，如GitHub Gist、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值