初学jQuery
程序员文章站
2022-06-22 15:02:31
**学习小结:**今天的课程主要学习、认识了jQuery,了解它的发展历程,学习了了解其中的一小部分选择器,根据资料初步认识jQuery的选择器,了解其中的功能一、什么事jQueryjquery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jquery设计的宗旨是“write Less,Do More”(即倡导写更少的代码,做更多的事情),其核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高...
**学习小结:**今天的课程主要学习、认识了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