JQ 基本概念
jQuery 其实就是别的团队封装好的一个 JS 文件。
常见错误
没有引入 jQuery 文件,引入失败,请检查 jquery.js 文件的路径。
JQ 对象 和 DOM 对象互相转换
不同类型的对象拥有不同的属性和方法
- JQ 对象调用 JQ 对象的方法和属性。
- DOM 对象调用 DOM 对象的方法和属性。
- JQ 对象和 DOM 对象可以互相转换。
JQ 对象和 DOM 对象关系图
- JQ 对象可以提取出 DOM 对象
- DOM 对象也可以把包装成 JQ 对象
JQ 对象转 DOM 对象
// 推荐写法
$('选择器').get(0)
// 写法2
$('选择器')[0]
JQ 对象 转换成 DOM 对象后就可以调用 DOM 对象的方法了。
DOM 对象转 JQ 对象
$(this)
转换后就可以调用 JQ对象的方法了。
jQuery 选择器
类操作
通过操作添加类和移除类实现元素样式的变化。
removeClass( ) 如果不传入类名,表示移除所有类名。