jQuery 如何获取元素

jQuery通过传入selector、jQuery对象和数组等等，返回构造出来的一个api对象，通过操作api对象来操作
javascript
window.jQuery = function(selectors) {
const elements = document.querySelectorAll(selectors)
this.elements = elements // 保存elements对象
}
jQuery.prototype = {
find(selectors) {
this.elements ....// 对elements操作
}
}


jQuery 的链式操作是怎样的

通过定义的方法中，最后返回this
javascript
window.jQuery = function(selectors) {
const elements = document.querySelectorAll(selectors)
this.elements = elements // 保存elements对象
}
jQuery.prototype = {
find(selectors) {
this.elements ....// 对elements操作
return this // 返回的this是当前的jQuery对象
}
}

就可以进行链式操作了

jQuery("#test").addClass('class1').addClass('class2')

jQuery 如何创建元素

jQuery是通过以下方法创建元素

$('<p>Hello</p>');
$('<li class="new">new list item</li>');
$('ul').append('<li>list item</li>');

jQuery 如何移动元素

第一种方法是使用.insertAfter()，把div元素移动p元素后面：
javascript
$('div').insertAfter($('p'));


第二种方法是使用.after()，把p元素加到div元素前面：
javascript
$('p').after($('div'));


jQuery 如何修改元素的属性

jQuery设计思想之四，就是使用同一个函数，来完成取值（getter）和赋值（setter），即"取值器"与"赋值器"合一。到底是取值还是赋值，由函数的参数决定。
```javascript
　　$('h1').html(); //html()没有参数，表示取出h1的值

　　$('h1').html('Hello'); //html()有参数Hello，表示对h1进行赋值

常见的取值和赋值函数如下：
javascript
　　.html() 取出或设置html内容

　　.text() 取出或设置text内容

　　.attr() 取出或设置某个属性的值

　　.width() 取出或设置某个元素的宽度

　　.height() 取出或设置某个元素的高度

　　.val() 取出某个表单元素的值
```
需要注意的是，如果结果集包含多个元素，那么赋值的时候，将对其中所有的元素赋值；取值的时候，则是只取出第一个元素的值（.text()例外，它取出所有元素的text内容）。