当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 初学jQuery

初学jQuery

2020年07月22日  | 移动技术网IT编程  | 我要评论

**学习小结:**今天的课程主要学习、认识了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中的选择器

参考
其中大致分为9类选择器
第一类 基本选择器
在这里插入图片描述
第二类 层级选择器
在这里插入图片描述

第三类 基本伪类选择器
在这里插入图片描述
第四类 内容选择器
在这里插入图片描述
第五类 可见性
在这里插入图片描述
第六类属性选择器
在这里插入图片描述
第七类 子元素选择器
在这里插入图片描述

第八类表单选择器
在这里插入图片描述
第九类 表单对象选择器
在这里插入图片描述

六、样式设置

css() css({ 属性:属性值,属性:属性值})

添加类名addClass() 移除类名removeClass()

添加类名
$('.wrap').addClass('wrap1');
$('.wrap').removeClass('wrap1');
$('.wrap').toggleClass('wrap2');

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网