jQuery基础

什么是前端框架?

在学习jQuery之前 我们先了解什么是前端框架?用于简化网页设计的框架 比如:bootstrap,angular.js,vue 还有jQuery等等

什么是jQuery?

jQuery是一个快速,小型且功能丰富的JavaScript库。借助易于使用的API(可在多种浏览器中使用),使HTML文档的遍历和操作,事件处理,动画和Ajax等事情变得更加简单。兼具多功能性和可扩展性,jQuery改变了数百万人编写JavaScript的方式。

用一句话来说:JQuery就是一个JavaScript框架(库),把我们常用的一些功能进行了封装,方便我们来使用,提高我们的开发效率。

jQuery的安装

1.获取jQuery库,进入官网 https://jquery.com/
2.引入Jquery库:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
    <script src="jquery-1.10.2.min.js"></script>
<body>
</body>
</html>

jQuery的语法

基础语法是:$(selector).action()。

  • 美元符号定义 jQuery 选择符(selector)“查询”和“查找”
  • HTML 元素 jQuery 的 action()
  • 执行对元素的操作

示例

  • $(this).hide() - 隐藏当前元素
  • $(“p”).hide() - 隐藏所有段落
  • $(".test").hide() - 隐藏所有 class=“test” 的所有元素
  • $("#test").hide() - 隐藏所有 id=“test” 的元素

JQuery的特点

  1. 具有独特的链式语法和短小清晰的多功能接口;
  2. 具有高效灵活的css选择器,并且可对CSS选择器进行扩展;
  3. 拥有便捷的插件扩展机制和丰富的插件。
  4. jQuery兼容各种主流浏览器,
  5. 出色的DOM操作封装
  6. 丰富的插件
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值