jQuery的插入方法有很多，有内部插入，也有外部插入，每个插入方式里面还有很多种，本文一一介绍，注释在代码里，直接上代码：

代码：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文档处理_插入操作</title>

        <script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>

        <script type="text/javascript">

            /**

             * 需求

             *  在id=edu下增加<option value="大专">大专</option>

             */

            /**

             * 方法分析：

             *  内部插入

             *         1.append(content):内部结尾处，将B追加到A里面去

             *      2.appendTo(content):内部结尾处，将A追加到B里面去

             *      3.prepend(content):内部开始处，将B追加到A里面去

             *      4.prependTo(content):内部开始处，将B追加到A里面去

             *     外部插入

             *      1.after(content):外部，将B追加到A后面

             *         2.before(content):外部，将A追加到B前面

             *         3.insertAfter(content):外部，将A追加到B后面

             *         4.insertBefore(content)::外部，将A追加到B前面

             */

            $(function() {

                // 追加 option 内容大专

                // 创建元素

                var $newNode = $("<option value='大专'>大专</option>");

                //内部插入

                //$("#edu").append($newNode);   // 内部结尾，将B追加到A里面去

                //$("#edu").prepend($newNode);  // 内部开始，将B追加到A里面去

                //外部插入

                //$("option[value='本科']").after($newNode);

                $newNode.insertBefore($("option:contains('硕士')"));

            });

        </script>

    </head>

    <body>

        <select id="edu">

            <option value="博士">博士</option>

            <option value="硕士">硕士</option>

            <option value="本科">本科</option>

            <option value="高中">高中</option>

        </select>

    </body>

</html>

结果：

5

jQuery_插入操作的更多相关文章

  1. MongoDB 文档的查询和插入操作

    MongoDB是文档型数据库,有一些专门的术语,和关系型DB相似,但也有差异,例如,Collection类似于关系型DB的Table,document类似于row,key/value pair类似于c ...

  2. 关于有默认值的字段在用EF做插入操作时的思考（续）

    问题描述 今天下午(看现在这时间,应该是昨天下午了哈),园友 choon 写了这样一篇博文<关于有默认值的字段在用EF做插入操作时的思考>. 博文内容主要记录的是 choon 使用 EF ...

  3. 关于有默认值的字段在用EF做插入操作时的思考

    今天在用EF做插入操作的时候发现数据库中一个datetime类型的字段(CreateDate)的值居然全部为null.于是赶紧看表结构发现CreateDate字段居然是允许为空的. 虽然为空,但是设置 ...

  4. AVL树插入操作实现

    为了提高二插排序树的性能,规定树中的每个节点的左子树和右子树高度差的绝对值不能大于1.为了满足上面的要求需要在插入完成后对树进行调整.下面介绍各个调整方式. 右单旋转 如下图所示,节点A的平衡因子(左 ...

  5. SQLite 批量insert - 如何加速SQLite的插入操作

    本人翻译, 原文见: http://tech.vg.no/2011/04/04/speeding-up-sqlite-insert-operations/ 我正在开发一个Android程序, 它使用S ...

  6. Oracle 数据库中日期时间的插入操作

    Oracle 中如何插入日期时间类型的数据,首先为了演示, 新建数据表如下 create table t( mydate date); 插入日期时间 SQL> insert into t val ...

  7. AVL树的插入操作（旋转）图解

    =================================================================== AVL树的概念       在说AVL树的概念之前,我们需要清楚 ...

  8. Entity Framework 的小实例：在项目中添加一个实体类，并做插入操作

    Entity Framework 的小实例:在项目中添加一个实体类,并做插入操作 1>. 创建一个控制台程序2>. 添加一个 ADO.NET实体数据模型,选择对应的数据库与表(Studen ...

  9. hadoop执行hdfs文件到hbase表插入操作(xjl456852原创)

    本例中需要将hdfs上的文本文件,解析后插入到hbase的表中. 本例用到的hadoop版本2.7.2 hbase版本1.2.2 hbase的表如下: create 'ns2:user', 'info ...

随机推荐

  1. 洛谷 P2633 Count on a tree 题解

    题面 对于每个点建立一颗主席树: 然后按照树上差分的思想统计主席树的前缀和: lca+主席树+前向星存表就可以了: #include <bits/stdc++.h> #define inc ...

  2. SQL之事务

    ●事务的ACID(acid)属性 ➢1.原子性(Atomicity ) 原子性是指事务是-一个不可分割的工作单位,事务中的操作要么都发生,要么都不发生. ➢2. 一致性(Consistency) 事务 ...

  3. 线性基求交（线段树）--牛客第四场（xor）

    题意: 给你n个基,q个询问,每个询问问你能不能 l~r 的所有基都能表示 x . 思路: 建一颗线性基的线段树,up就是求交的过程,按照线段树区间查询的方法进行check就可以了. #define ...

  4. QQ登陆

    QQ第三方登陆调用接口实现 <?php $appid="101353491"; session_start(); $appkey="df4e46ba7da52f78 ...

  5. 在Qt5使用中文（vs环境）

    如果是使用mingw版本的Qt create, 也就是使用GCC编译器应该没那么多事吧. 不过我还是用惯了VS呢. 好了,废话不多说,开始总结vs下乱码的解决方案. vs2003 把源码存成 utf- ...

  6. The Digits String

    https://ac.nowcoder.com/acm/contest/338/L 题解: 当n==1时,0-9填上的话,对4取余,分别是余数为0的3个,1的3个,2的2个,3的2个: 当n==2时, ...

  7. private修饰的方法可以通过反射访问，那么private的意义是什么？

    反射代码: package test; public class Person { private String userName= "Tom"; private void pla ...

  8. Visual Studio 2010中的js注释

    Visual Studio 2010中的js注释已经很强大了,但怎么才能和调用c#的方法一样容易呢?怎样才能让每个参数都有注释说明呢?底下就是想要的答案. 先上图,如图所示: 其中红色的办法为注释效果 ...

  9. linux下sendmail邮件系统安装详情

    介绍 sendmail是linux系统中一个邮箱系统,如果我们在系统中配置好sendmail就可以直接使用它来发送邮箱.sendmail的配置文件/etc/mail/sendmail.cf       ...

  10. win7-32位安装mysql-5.7.27

    下载 https://dev.mysql.com/downloads/mysql/5.7.html#downloads 参考链接 https://blog.csdn.net/qq_41307443/a ...