初学jQuery

**学习小结：**今天的课程主要学习、认识了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');

本文地址：https://blog.csdn.net/guoguo0717/article/details/107495085