jQuery是什么？
jQuery是别人写好的类库，封装了很多js原生代码，可以直接在页面上引用，可以直接使用别人写好的方法，比较方便
jQuery的用法：
1.引用本地jQuery文件:<script src="jquery-3.2.1.min.js"></script>
<script >按照jQuery的规则写代码</script>
2.CDN方式：<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script >按照jQuery的规则写代码</script>
jQuery使用
1. 查找标签
规则：$("这里面写条件") ?$后面没有空格
基本查找
ID查找
$("#id值")
class名找
$(".class名")
$("标签名")
查找元素的相关练习：
找到本页面中id是i1的标签-------------------------------------------$("#i1")找到本页面中所有的h2标签 ------------------------------------------$("h2")找到本页面中所有的input标签 ---------------------------------------$("input")找到本页面所有样式类中有c1的标签 ------------------------------------$(".c1")找到本页面所有样式类中有btn-default的标签 ---------------------------$(".btn-default")找到本页面所有样式类中有c1的标签和所有h2标签 --------------------------$(".c1,h2")找到本页面所有样式类中有c1的标签和id是p3的标签 ------------------------$(".c1,#p3")找到本页面所有样式类中有c1的标签和所有样式类中有btn的标签 ---------------$(".c1,.btn")找到本页面中form标签中的所有input标签 -------------------------------$("form input")找到本页面中被包裹在label标签内的input标签 ---------------------------$("label > input")找到本页面中紧挨在label标签后面的input标签 ---------------------------$("label+input")找到本页面中id为p2的标签后面所有和它同级的li标签 -----------------------$("#p2~li")找到id值为f1的标签下面的第一个input标签 ------------------------------$("#f1 input:first")找到id值为my-checkbox的标签下面最后一个input标签 ---------------------$("#my-checkbox input:last")找到id值为my-checkbox的标签下面没有被选中的那个input标签----------------$("#my-checkbox input:not(:checked)")找到所有含有input标签的label标签 -------------------------------------$("label:has(input)")
4. :has
2. 修改标签的样式
原生JS:
获取样式类： classList
添加样式类名 classList.add(.cls)
移除样式类名 classList.remove(.cls)
JQuery版：
获取样式类
添加样式类名
移除样式类名
3. 修改标签
4. 创建标签/添加标签/删除标签
5. 事件
6. 动画
7. 插件
8.Ajax
前端基础之jquery
原文地址：https://www.cnblogs.com/jingjing12/p/8179085.html