初学jQuery
- 作者: 小韦嘎嘎
- 来源: 51数据库
- 2021-10-10
**学习小结：**今天的课程主要学习、认识了jQuery，了解它的发展历程，学习了了解其中的一小部分选择器，根据资料初步认识jQuery的选择器，了解其中的功能
一、什么是jQuery
jquery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。
jquery设计的宗旨是“write Less，Do More”（即倡导写更少的代码，做更多的事情），其核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。
二、为什么要学习jQuery
因为简单，因为流行
简单：用原生javascript要实现一个效果可能要几十几行，甚至几十行代码，jquery可能只要几行就可以实现同样的效果。而且有很多插件可以用，一些复杂的功能和效果都有插件，只要引入再调用一下方法就OK，大大节省了开发时间
流行：很多公司或者网站都是用的jquery，你不学习的话可能会找不到工作
三、jQuery环境搭建
下载jQuery在页面中引入
cdn资源库中引入
四、入口函数
详细可分为三种
// jquery的入口函数1
$(document).ready(function(){})
// jquery的入口函数 第二种
jQuery(document).ready(function(){})
// jquery 入口函数 第三种 简化最常用
$(function(){console.log($('#myDiv_01'));
五、jQuery中的选择器
参考 jQuery api在线手册
其中大致分为9类选择器
第一类 基本选择器
第二类 层级选择器
第三类 基本伪类选择器
第四类 内容选择器
第五类 可见性
第六类属性选择器
第七类 子元素选择器
第八类表单选择器
第九类 表单对象选择器
六、样式设置
css() css({ 属性:属性值,属性:属性值})
添加类名addClass() 移除类名removeClass()
添加类名
$('.wrap').addClass('wrap1');
$('.wrap').removeClass('wrap1');
$('.wrap').toggleClass('wrap2');
推荐阅读
