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


相关文章
|
8月前
|
存储 JavaScript 前端开发
|
XML 缓存 JavaScript
jQuery(下)
jQuery(下)
|
JavaScript
jquery 的使用
jquery 的使用
57 0
|
JavaScript 前端开发
jQuery 效果
jQuery 效果
|
JavaScript 索引 容器
一文深入JQuery
一文深入JQuery
133 1
|
JavaScript
jquery效果-20
jquery效果-20
76 0
jquery效果-20
|
JavaScript
jquery的使用-4
jquery的使用-4
59 0
jquery的使用-4
|
XML Web App开发 JSON
|
JavaScript 前端开发 程序员
jQuery的介绍
jQuery是对JavaScript的封装
113 0
|
Web App开发 JavaScript 前端开发