【JQuery】JQuery入门——知识点讲解(一)
?这里是【JavaScript】,关注我学习前端不迷路
?如果对你有帮助,给博主一个免费的点赞以示鼓励
欢迎各位?点赞?评论收藏⭐️
?专栏介绍
【JQuery】 目前主要更新JavaScript,一起学习一起进步。
?本期介绍
本期主要介绍JQuery入门——知识点讲解(一)
文章目录
1. jQuery 简述
是一个
JavaScript
框架。底层封装了大量
JavaScript
代码。
CSS3
,还兼容各种浏览器。文档说明很全,应用详细,成熟插件多。
压缩版和非压缩版功能代码一模一样
,区别仅为压缩版将所有的回车换行全部删掉,并且删除
jQuery
查看源码;
及后续版本不再支持
IE6/7/8
浏览器
write less,do more(
写得更少
,
做得更多
)
2. jQuery 的引入及使用
版本有很多,不同版本的
jQuery
之间方法和功能有一定改变。
jquery-1.11.3
版本。
jquery-1.11.3.min.js
引入页面,即可引入
jQuery
选择器
);
选择器
);
3. jQuery 对象和 JS 对象的互转
JS
方法和属性,我们也会选择将
jQuery
对象转回
JS
对象。
js
对象
=jQuery
对象
[0];
JS
对象转为
jQuery
对象使用;
jQuery
对象
=$(js
对象
);
对象只能调用
jQuery
方法和属性;
对象只能调用
JS
方法和属性;
4. jQuery 页面加载完成时执行代码
中我们使用
JS
的
onload
事件,保证页面加载完成时执行何种代码。
对
onload
进行了包装,变为了更为方便的代码:
1
:
格式 2:
页面加载完成事件也能绑定多个函数。
5. jQuery 基本选择器
也有和
CSS
一样,也有选择器概念,即
选择性获取某些标签对象
有大量复杂选择器,这里先介绍三个基本选择器。
选择器
值
“)
标签名
“)
类名
“)
6. jQuery 动画效果(了解)
的隐藏和显示相对
JS
更为动感圆滑。
500
,正常效果设置
1000
即可
滑动效果:(上下滑动)
淡入淡出效果:(改变透明度的效果)