jQuery设计思想移动元素有两种方法。

jQuery 如何获取元素

一般在jQuery后面写选择器表达式，这里window.$=window.jQuery

$(document)//选取整个文档对象
$('.test') //获取 class 为 test 的元素
$('#test') //获取 id 为 test 的元素
$('div') //选取为所有的 div 元素

jQuery 的链式操作是怎样的

jquery传入参数，返回值是操作参数的对象，返回的对象就可以继续调用其他方法，这就是链式操作
```
$('test').find('child').end()
```
相当于
```
const x=$('test')
const y=x.find('child')
const z=y.end()
```
jQuery 如何创建元素

创建元素只要把新元素放在 jQuery 构造函数中,appendTo 是将元素插入到目标元素的最后面
```
$('<div><span>1</span></div>').appendTo(document.body)
```
jQuery 如何移动元素

移动元素有两种方法。

一种是使用 .insertAfter直接操作移动元素，内容在方法前面，会被放在参数里元素的后面
```
$('h1').insertAfter('$(.Test)') //将h1 元素移动到class 为 Test 的后面
```
注意：如果有多个目标元素，会将克隆拷贝插入的元素，插入到每个目标元素的后面，然后返回新集合

另一种是使用.after,表达式在函数前面，参数是将要插入的内容
```
$('.Test').after($('h1')) //将 class 为 Test的元素移动到h1 后面
```
注意：如果目标元素不止一个，内容将被复制插入到每个目标元素后面
jQuery 如何修改元素的属性

.attr()是用来获取元素集合中第一个元素属性的值或者设置匹配元素的属性
```
$('#Test').attr('title','title is very import')
```
还可以操作网页元素取值或者赋值，具体是取值还是赋值根据函数的参数决定
```
$('div').html() //在 html 里没有参数 这里表示取出 div 的值
$('div').html('Test') //在 html有参数Test，表示对 div赋值
```