jQuery

jQuery 是 使用最广泛的库，也是最长寿的库。
window.$ = window.jQuery
jQuery的思想
可以概括为：选取元素，对其操作。
jQuery的对象
jQuery用于获取对应的元素，但是它并不能返回一个对象，而是返回一个对象，这里将它称之为jQuery构造出来的函数，这个对象可以操作对应的代码。
jQuery获取对象
使用jQuery获取元素，需要使用选择表达式（可以使用css的选择器 也可以使用 jQuery自己的表达式）

$(document)   //选择整个文本对象
$('#test')      //选择id = test 的元素
$('.red')       //选择class = red 的元素

jQuery的链式操作
在选择所操作元素后，可以对其使用链式操作（将所有操作链接在一起呈现）

$('.test')
   .find('.child')
   .addClass('red')
//下面代码是对上面代码操作的解释
const api1 = jQuery('.test')   //return this （this 就是 API）
const api2 = api1.find('.child').addClass('red')
.end() //用于返回上一层操作(.test)节点

jQuery的元素创建

// $('html代码'）
$('<div>test</div>')
$("<div><span>1</span></div>")
$('<li class="new">new list item</li>')
$('ul').append('<li>list item</li>')

$("p").append("Some appended text.")    // 在被选元素的结尾插入内容
$("p").prepend("Some prepended text.")   // 在被选元素的开头插入内容

jQuery的元素移动
1、直接移动该元素 2、移动其他元素

//将div元素移动到p元素后面
$('div').insertAfter($('p'))      //使用.insertAfter()，把div元素移动到p元素后面
$('p').after($('div'))            //使用after()，把p元素加到div元素前面

移动元素的操作方法 一共有四对：

.insertAfter()和.after()：        // 在现存元素的外部，从后面插入元素
.insertBefore()和.before()：          // 在现存元素的外部，从前面插入元素
.appendTo()和.append()：              // 在现存元素的内部，从后面插入元素
.prependTo()和.prepend()：            // 在现存元素的内部，从前面插入元素

jQuery的元素属性修改

prop()是 jQuery 1.6 开始新增了一个方法，官方建议具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()
prop( ) 在元素固有属性的时候使用 attr( ) 在自定义属性使用

//设置单个属性：$(选择器).attr("属性名","属性值")
 $("#img").attr("width","300px");
//设置多个属性：$(选择器).attr({属性名:"属性值",属性名:"属性值"…})  这里的属性名可加引号也可不加引号
$("#img").attr({"border":"3px",title:"max"})

attr( )也可以做获取属性：$(选择器).attr(“属性名”)
删除属性：$(选择器).removeAttr(“属性名”)

 //获取属性
 let v1=$("#img").attr("src")
 //删除属性
 $("#img").removeAttr("disabled")