当前位置: 首页 > news >正文

1.初识jQuery

jQuery是JS的库,封装了原生JS的一些DOM方法,使JS用起来更方便

目录

1  下载jQuery

2  jQuery的基本使用方式

3  jQuery入口函数


1  下载jQuery

jQuery官网 jQuery

点击这里进入下载页面,我当前的版本为 3.6.1,如果你想下载之前的版本你可以到这里下载 jQuery CDN

进入下载页面后,我们下载生产环境的jQuery就可以了

  • 生产环境压缩过,文件小,我们不看源码直接使用压缩版的就好了
  • 开发环境没压缩过,文件大

点击之后是这样的

对着页面按ctrl+s就可以保存该js文件了

2  jQuery的基本使用方式

我们做一个简单的例子,我们现在搞一个盒子

打开后是这样的

现在我想把这个盒子隐藏起来,那么我们加上这样一句

这样我们这个盒子就没了

3  jQuery入口函数

我们如果把script放在body上方,发现script不会生效

在原生JS中,我们可以使用onload事件来搞定,在jQuery中,我们可以使用jQuery的入口函数搞定

这样就生效了

也可以这样写

效果一样

入口函数相当于原生JS中的DOMContentLoaded

相关文章:

  • 影响关系分类汇总
  • JNI学习5.jstring的处理
  • android 各种偶现问题记录
  • 红黑树详解+模拟实现
  • 猿创征文 | Redis之 Jedis实例
  • 中秋征文“好文尝鲜奖”榜单公布,快来领取你的定制礼盒!
  • ACL访问控制列表 基础、创建ACL访问控制列表的两种方式、配置ACL访问控制列表规则、修改ACL规则的默认步长。子网掩码、反掩码、通配符掩码的区别和作用。
  • 面试官:我看你简历上写了MySQL,对MySQL InnoDB引擎的索引了解吗?
  • 微信小程序SEO指南
  • steam搬砖项目一直很稳定,部分反馈
  • Python调试指南
  • ICE常见编译和运行(异常)错误
  • 【职场成长】一篇文章,讲清复盘!
  • java面向对象解释
  • 基于SpringBoot+Vue的公益互助系统的设计与实现
  • @angular/forms 源码解析之双向绑定
  • 【MySQL经典案例分析】 Waiting for table metadata lock
  • 【从零开始安装kubernetes-1.7.3】2.flannel、docker以及Harbor的配置以及作用
  • css系列之关于字体的事
  • export和import的用法总结
  • Go 语言编译器的 //go: 详解
  • gulp 教程
  • HTML-表单
  • Java编程基础24——递归练习
  • Java反射-动态类加载和重新加载
  • Meteor的表单提交:Form
  • Node.js 新计划:使用 V8 snapshot 将启动速度提升 8 倍
  • Odoo domain写法及运用
  • yii2中session跨域名的问题
  • 如何设计一个比特币钱包服务
  • 适配mpvue平台的的微信小程序日历组件mpvue-calendar
  • Mac 上flink的安装与启动
  • 树莓派用上kodexplorer也能玩成私有网盘
  • ​总结MySQL 的一些知识点:MySQL 选择数据库​
  • # C++之functional库用法整理
  • # 安徽锐锋科技IDMS系统简介
  • #13 yum、编译安装与sed命令的使用
  • (10)ATF MMU转换表
  • (3)选择元素——(14)接触DOM元素(Accessing DOM elements)
  • (8)Linux使用C语言读取proc/stat等cpu使用数据
  • (solr系列:一)使用tomcat部署solr服务
  • (TipsTricks)用客户端模板精简JavaScript代码
  • (阿里云万网)-域名注册购买实名流程
  • (博弈 sg入门)kiki's game -- hdu -- 2147
  • (删)Java线程同步实现一:synchronzied和wait()/notify()
  • (十五)使用Nexus创建Maven私服
  • (已更新)关于Visual Studio 2019安装时VS installer无法下载文件,进度条为0,显示网络有问题的解决办法
  • (转)母版页和相对路径
  • (转载)VS2010/MFC编程入门之三十四(菜单:VS2010菜单资源详解)
  • .net framework 4.0中如何 输出 form 的name属性。
  • .Net+SQL Server企业应用性能优化笔记4——精确查找瓶颈
  • .NET下ASPX编程的几个小问题
  • .考试倒计时43天!来提分啦!
  • @NoArgsConstructor和@AllArgsConstructor,@Builder
  • @RequestMapping-占位符映射