首先我们大家先来了解下什么是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一些基本的功能,大家快去学习吧!