jQuery相关

什么是 jQuery ？
jQuery是一个JavaScript函数库。

jQuery是一个轻量级的"写的少，做的多"的JavaScript库。

jQuery库包含以下功能：

HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities

JS和jQuery的相互转换
我们通常想用JS实现在页面修改文字时是这样实现的

let mydiv=document.querySelector('.main')
div.innerHTML='你好'

而jQuery是这样实现的，缩短了编译时间

$('.main').html('你好')//括号内有参数时，是赋值，无参数是取值

JS和JQuery的相关知识
js给多个标签设置样式时，需要手动遍历一遍才能实现，而jQuery可以重复绑定，用对象方法实现多种样式，例子如下：

$('.app').css({
color:'red',
fontSize:'30px'//这里不写px系统也不会报错
})

jQuery可以实现链式调用，在后面一直调用，而js只能分步调用

console.log($('.app').css('color','red').html('111'));

jQuery获取子元素的方法

//方法一
 $('#app .app').css('color','red')
 //方法二
 let app=$('#app')
 app.children().css('color','blue')
 //方法三
 app.find('.app').css('color'.'red')

jQuery获取父级元素的方法

$('.app').click(function(){
        // $(this).parent().remove()//删除父级
        $(this).siblings().remove()//删除兄弟结点
    })