【jQuery】入门学习篇


一、前言🚀🚀🚀

在这里插入图片描述

☀️
“04.24,和Sakura去东京天空树,世界上最暖和的地方在天空树的顶上。”
“04.25,和Sakura去明治神宫,有人在那里举办婚礼。”
“04.26,和Sakura去迪士尼,鬼屋很可怕,但是有Sakura在,所以不可怕。”
      “Sakura最好了。”…
                      —— 江南 《龙族》


本文简介:这个系列可以叫作《前端从零开始系列》,花一周时间,把JS个人觉得笔记重点且常见的知识点,并且总结了起来。


二、jQuery简介及使用详解:☀️☀️☀️

2.1 jQuery简介

  写更少的代码,做更多的事,jquery的logo意思。

在这里插入图片描述

在这里插入图片描述

2.2 引入jQuery

如何引入

① 第一种引入方式:直接路径引入

在这里插入图片描述

如何验证是否引入成功

在这里插入图片描述

在这里插入图片描述

② 第二种引入方式:使用第三方CDN

  在公共服务器上有各种各样的库,包括jQuery库。公共服务器好处:
1.调用的库在公共服务器上,减少自身服务器的压力。因为我们服务不需要通过我们自身服务器去加载文件。
2.使用人数多,可能很多的网站都在使用这个东西,可以使用到浏览器的缓存,比如a网站使用这个库,b网站也使用,那么用户访问a网站的时候,他会去加装文件,当他去访问b网站的时候,就不用去加装这个文件了。那也可以进一步提示我们的加装速度。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  

2.3 引入jQuery核心函数

  抛出一个问题,我们在引入了jQuery库后,到底是引入了什么。

在这里插入图片描述

  

① 作为工具类使用

在这里插入图片描述

  
在这里插入图片描述

  

② 作为函数使用(四种参数)

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

注意: 通过jQuery查询到的对象是jQuery对象,而DOM对象仍然是DOM对象。jQuery对象中为我们提供了很多新的方法,方便我们做各种DOM操作,但是jQuery对象不能直接调用原生DOM对象的方法,通过我们为jQuery对象命名时,会使用**$**开头,加以区分。
    

在这里插入图片描述

在这里插入图片描述

小结:

在这里插入图片描述

2.3 jQuery对象

  
在这里插入图片描述

在这里插入图片描述

  
在这里插入图片描述

在这里插入图片描述

  

2.4 jQuery对象操作class

  jQuery并没有做到化繁为简,它里面的方法其实比DOM还多,所以下面我们只需要看一下常用的方法。(这个东西主要掌握核心思路,具体方法查文档就行了。)

  
  
  
  

后序还在更新中~~~

Alt

三、总结:🍓🍓🍓

Alt

  • 9
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值