什么是jQuery?

简介: 什么是jQuery?

首先我们大家先来了解下什么是jQuery?

1.jQuery 是一个 JavaScript 函数库。

2.jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库

那么问题来了我们为什么要使用jQuery呢?

因为jQuery,给我们带来了便利,它可以让我们节省不少代码,所以在我们1做项目的时候会1经常使用jQuery来开发,方便快捷,是不是省了不少时间,让我们干其它事!

怎么下载jQuery?

大家可以从此链接: jquery.com 下载 jQuery 库

下载好后引用一下就好了,非常的简单!

下面是jQuery的一些有意思的功能

我来给大家搞一个:

<div id="xs" style="width: 100px; height: 200px; background-color: rebeccapurple;"></div>

这是一个简单的样式

$("#xs").show(5000, function() {
  $("#xs").hide(5000, function() {
    $("#xs").show(5000, function() {
      $("xs").toggle(5000, function() {
        alert("大家好");
      });
    });
  });
});

这是以jQuery格式写的,它会操作xs这个div让他显示隐藏在显示

<div id="hrhc" style="width: 200px; height: 100px; background-color: maroon;"></div>
$("#hrhc").slideDown(5000, function() {
  $("#hrhc").slideUp(5000, function() {
    $("#hrhc").slideDown(5000, function() {
 
    });
  });
});

这个是让hrhc(div)滑动

<div id="dc" style="width: 300px; height: 150px; background-color: darkslategray;"></div>
$("#dc").fadeIn(5000, function() {
  $("#dc").fadeOut(5000, function() {
    $("#dc").fadeIn(5000, function() {
 
    });
  });
});

这个是让dc(div)淡入淡出.

上面只是jQuery一些基本的功能,大家快去学习吧!


相关文章
|
6月前
|
Web App开发 设计模式 JavaScript
jquery详解
jquery详解
29 0
|
6月前
|
JavaScript UED 开发者
jQuery Growl
jQuery Growl 是一个基于 jQuery 的通知插件,它可以在网页上显示各种类型的通知,如成功、错误、警告等。Growl 插件基于 jQuery UI 主题,可以自定义通知的样式、位置和显
110 6
|
11月前
|
JSON JavaScript 数据格式
jQuery_02
jQuery_02
50 0
|
JavaScript 前端开发 程序员
|
JavaScript
jquery 的使用
jquery 的使用
71 0
|
JavaScript 索引 容器
一文深入JQuery
一文深入JQuery
155 1
|
JavaScript
jquery效果-20
jquery效果-20
96 0
jquery效果-20
|
前端开发 JavaScript
|
XML JSON JavaScript
|
JavaScript 前端开发
用jQuery写一个简单的跑酷游戏
jQuery写一个跑酷游戏,让小车在地面即可得分,代码不复杂,通俗易懂,十分合适拿来入门练手。在文章下面附上代码链接,水平有限,欢迎沟通。
335 0
用jQuery写一个简单的跑酷游戏