1.jQuery的顶级对象$
$是jQuery的别称
$是jQuery的顶级对象，相当于原生js的window
2.jQuery对象只能使用jQuery方法，DOM对象则使用原生的JavaScript属性和方法
3…jQuery对象和DOM对象
用原生js获取的对象就是DOM对象
jQuery方法获取的元素就是jQuery对象
jQuery对象本质是：利用$ 对DOM对象包装后产生的对象（伪数组形式存储）
JQF-03：console.dir();
作用：查看元素属性
语法：console.dir($(名))
注意：dom只能用dom方法，jq只能用jq方法
4.jQuery对象和DOM对象相互转换
DOM转jQuery
1.$ (DOM名)（直接获取）
eg：$(‘video’);
2.$(已定义DOM名)（js已经定义的DOM名，注.不加引号）
eg：var video = document.querySelector(‘video’)
$(video);
jQuery转DOM
1.$(DOM名)[0]（index是索引）
2.$(DOM名).get(0)
转化即可使用js原生方法
5.常用的jQuery的API
each()：是jQuery中专用于迭代数组的方法，参数为一个处理函数，this表示当前需要迭代的js对象
append()：追加到父元素之后
prepend()：追加到父元素之前
after()：追加到兄弟元素之后
before()：追加到兄弟元素之前
attr(name)：获取属性值
attr(name,value)：给符合条件的标签添加key-value属性对
$(“
HTML代码
”)：创建元素，属性，文本
remove()：删除自已及其后代节点
val()：获取value属性的值
val("")：设置value属性值为"“空串，相当于清空
text()：获取HTML或XML标签之间的值
text(”")：设置HTML或XML标签之间的值为""空串
clone()：只复制样式，不复制行为
clone(true)：既复制样式，又复制行为
replaceWith()：替代原来的节点
removeAttr()：删除已存在的属性
addClass()：增加已存在的样式
removeClass()：删除已存在的样式
hasClass()：判断标签是否有指定的样式，true表示有样式，false表示无样式
toggleClass()：如果标签有样式就删除，否则增加样式
offset()：获取对象的left和top坐标
offset({top:100,left:200})：将对象直接定位到指定的left和top坐标
width()：获取对象的宽
width(300)：设置对象的宽
height()：获取对象的高
height(500)：设置对象的高
children()：只查询子节点，不含后代节点
next()：下一下兄弟节点
prev()：上一下兄弟节点
siblings()：上下兄弟节点
show()：显示对象
hide()：隐藏对象
fadeIn()：淡入显示对象
fadeOut()：淡出隐藏对象
slideUp()：向上滑动
slideDown()：向下滑动
slideToggle()：上下切换滑动，速度快点
