1、新建一个html文件，命名为test.html。
我们提供的服务有：网站设计制作、网站设计、微信公众号开发、网站优化、网站认证、桑植ssl等。为近千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的桑植网站制作公司
2、在test.html文件内，使用div标签创建一行文字，文字内容为“小明”。
3、在test.html文件内，设置div标签的id属性为mytext，主要用于下面通过该id获得div对象。
4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“切换内容”。
5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行func（）函数。
6、在js标签中，创建func()函数，在函数内，通过id(mytext)获得div对象，通过html()方法获得div内的文本内容，使用if语句判断获得的文字内容是否为指定的文本内容，如果不是，则通过html()方法改变文本内容。
1、首先必须获取到select里面你想改变顺序的option。获取的方法有很多种，可以通过ID：$("#id"),或者class:$(".className")等等。关于这个可以参考W3School的jq选择器（）；
2、获取到了就是改变位置了，可以是了after()、before()、等jq文档操作方法。参考：
该博客基于阮一峰前辈在2011年所做的分享（原链接： ）
jQuery的核心就是：可以选择某个网页元素,然后对其进行某种操作
我们可知jQuery是一个构造函数，那么我们就可以通过选择表达式，把选中的元素，放进jQuery构造函数（$）当中，从而得到选中的元素。
而选择表达式可以是CSS选择器：
也可以是jQuery特有的表达式：
在jQuery当中最终选中网页元素以后，可以对它进行一系列操作，并且所有操作可以连接在一起，以链条的形式写出来，比如：
拆解开来，就是：
这是jQuery最令人称道、最方便的特点。它的原理在于每一步的jQuery操作所返回的都是一个jQuery对象，所以不同操作可以连在一起。
jQuery还提供了.end()方法，使得结果集可以后退一步：
创建新元素的方法非常简单，只要把新元素直接传入jQuery的构造函数就行了：
操作元素在网页中的位置移动有两种方法：
（1）直接移动该元素；
（2）移动其他元素，使得目标元素达到我们想要的位置。
（1）方法是使用.insertAfter()，把div元素移动p元素后面：
（2）方法是使用.after()，把p元素加到div元素前面：
表面上看，这两种方法的效果是一样的，唯一的不同似乎只是操作视角的不同。但是实际上，它们有一个重大差别，那就是返回的元素不一样。第一种方法返回div元素，第二种方法返回p元素。你可以根据需要，选择到底使用哪一种方法。
使用这种模式的操作方法，一共有四对：
text(?) //读写文本内容
用于返回内容时，则返回所有匹配元素的文本内容（会删除 HTML 标记）。
用于设置内容时，则重写所有匹配元素的内容。
html(?) //读写HTML内容
设置或返回被选元素的 innerHTML（文本 + HTML 标记）
attr('title',?) // 读写属性
设置或返回被选元素的属性值。
css({color:'red'}) //读写style
设置或返回被选元素的一个或多个样式属性。
addClass('blue')
向被选元素添加一个或多个类。
该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。
on('click',fn)
支持动态绑定元素，即页面上元素有添加或变化后仍可绑定,前提是selector须是目标绑定元素的父元素
off('click',fn)
用于移除通过 on()方法添加的事件处理程序
滚动条么？
$("html,body").animate({scrollTop:200},1000);
移动到指定木个元素位置
$("html,body").animate({scrollTop:$("#元素ID").offset().top},1000);
Jquery实现移动元素的方法有很多种，这里就说insertAfter方法和insertBefore方法。
insertAfter方法 定义和用法
insertAfter() 方法在被选元素之后插入 HTML 标记或已有的元素。
注释：如果该方法用于已有元素，这些元素会被从当前位置移走，然后被添加到被选元素之后。
insertAfter方法 语法
$(content).insertAfter(selector)
实例：
把id="th1"的th移动到 id="tr1"的tr下的最后一个th元素的后面。
$("th#th1").insertAfter($("tr#tr1th").last());
insertBefore方法的参数和用法与insertAfter相同，不同的是insertBefore是把匹配的元素插入到另一个指定的元素集合的前面。
jquery操作文档的方法还有很多，例如append() 、prepend()、after()、before()等等。具体可以百度“jQuery 参考手册 - 文档操作”
