jQuery
什么是jQuery?
其实就是对js的封装,放的都是封装好的JS方法和函数。主打的就是一个用更少的代码做更多的事情。j 就是 JavaScript, Query 查询; 意思就是查询js,把js中的DOM操作做了封装,我们可以快速的查询使用里面的功能,学习jQuery本质就是学习调用这些函数(方法)。$是 jQuery 的别称。
优点
轻量级。核心文件才几十kb,不会影响页面加载速度。
跨浏览器兼容,基本兼容了现在主流的浏览器。
链式编程、隐式迭代。
对事件、样式、动画支持,大大简化了DOM操作。
支持插件扩展开发。有着丰富的第三方的插件,例如:树形菜单、日期控件、轮播图等。
免费、开源。
简单使用步骤
引入jQuery文件。
在文档最末尾插入 script 标签,书写体验代码。
$('div').hide() 可以隐藏盒子。
jQuery 对象和 DOM 对象
用原生 JS 获取来的对象就是 DOM 对象
jQuery 方法获取的元素就是 jQuery 对象。
jQuery 对象本质是: 利用$对DOM 对象包装后产生的对象(伪数组形式存储)。
注意:只有 jQuery 对象才能使用 jQuery 方法,DOM 对象则使用原生的 JavaScirpt 方法。
基础选择器
$("选择器") // 里面选择器直接写 CSS 选择器即可,但是要加引号
jQuery 元素操作
jQuery 元素操作主要讲的是用jQuery方法,操作标签的遍历、创建、添加、删除等操作。
比如如果想要给同一类元素做不同操作,就需要用到遍历。
jQuery 事件对象
jQuery 对DOM中的事件对象 event 进行了封装,兼容性更好,获取更方便,使用变化不大。事件被触发,就会有事件对象的产生。