jQuery学习笔记(一)

一、 jQuery初识
下载jquery:官网下载地址:http://jquery.com/download/
大版本分类:jquery大版本分为1.x和2.x和3.x
区别:2.x3.x版本不再支持IE6/7/8,在中国,用的最多的还是1.x版本

1、jQuery让js的开发变得更加简单
2、jQuery解决了浏览器的兼容性问题
jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更简单。
二、 怎样使用jQuery?(重点)
使用jQuery的三个基本步骤:
1、引包(引入jQuery文件)
在这里插入图片描述
2、入口函数
(1)、第一种写法
在这里插入图片描述
(2)、第二种写法
在这里插入图片描述

3、功能实现
在这里插入图片描述
三、javascpipt和jQuery的区别:
在这里插入图片描述
对比JavaScript的入口函数jQuery的入口函数,执行时机
1、JavaScript的入口函数要等到页面中所有资源(包括图片、文件)加载完成才开始执行。
2、 jQuery的入口函数只会等待文档树加载完成就开始执行,并不会等待图片、文件的加载。
四、jQuery对象与DOM对象之间的转换(难点)
1、 jquery对象转DOM对象
在这里插入图片描述
2、 DOM对象转jquery对象
在这里插入图片描述

五、jQuery选择器(重点)
1、什么是jQuery选择器?
(1)、jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。注意:jQuery选择器返回的是jQuery对象。
(2)、jQuery选择器有很多,基本兼容了CSS1到CSS3所有的选择器,并且jQuery还添加了很多更加复杂的选择器。【查看jQuery文档】
(3)、jQuery选择器虽然很多,但是选择器之间可以相互替代,就是说获取一个元素,你会有很多种方法获取到。所以我们平时真正能用到的只是少数的最常用的选择器。
2、基本选择器
在这里插入图片描述
3、层级选择器
在这里插入图片描述
4、过滤选择器
在这里插入图片描述
5、筛选选择器(方法)
在这里插入图片描述
六、jquery操作样式(重点)
1、css操作----功能:设置或者修改样式,操作的是style属性。

设置单个样式在这里插入图片描述
设置多个样式
在这里插入图片描述
获取样式
在这里插入图片描述
2、class操作

添加样式类在这里插入图片描述
移除样式类移除样式类判断是否有样式类在这里插入图片描述
切换样式类在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值