什么是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一些基本的功能,大家快去学习吧!


相关文章
|
存储 JavaScript 前端开发
JQuery
JQuery
108 0
|
1月前
|
JavaScript API 数据安全/隐私保护
jQuery Prettydate
jQuery Prettydate
29 2
|
5月前
|
设计模式 JavaScript 前端开发
什么是Jquery?
什么是Jquery?
23 0
|
Web App开发 设计模式 JavaScript
jquery
jquery
58 0
|
存储 JavaScript 前端开发
三天轻松搞定JQuery
三天轻松搞定JQuery
116 0
三天轻松搞定JQuery
|
JavaScript 索引 容器
一文深入JQuery
一文深入JQuery
155 1
|
JavaScript
jquery的使用-4
jquery的使用-4
88 0
jquery的使用-4
|
JavaScript 前端开发
JQuery01
JQuery01
133 0
JQuery01
|
前端开发 JavaScript
|
前端开发 JavaScript