在上一篇《如何通过jQuery给一个元素添加单击和双击事件》中为大家介绍jQuery给一个元素加上点击和双击鼠标事件方式，感兴趣的小伙伴可以学了解一下~
文中主要内容乃是为大家介绍怎样用 jQuery 为文章段落原素设定动漫。
那在本文中，我们将要完成点击一个按键来用 jQuery 为文章段落原素设定动漫，而且主要使用 animate() 方式来完成动态效果。animate() 方式用以变更具备 CSS 款式的元素情况。这种方法还可用于变更 CSS 特性以创建选定元素动态效果。
下面我们就直接用编码：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery.min.js"></script>
<script>
$(document).ready(function () {
$("button").click(function () {
$("#GFG").animate({
opacity: 0.5,
fontSize: "3em",
}, 1000);
});
});
</script>
</head>
<body style="text-align: center;">
<h1 style="color: #ff311f;">
AdminJS
</h1>
<h3>
怎样用jQuery为文章段落原素设定动漫？
</h3>
<p id="GFG">
AdminJS就是你最理想的在线学习平台！
</p>
<button>点击这里！</button>
</body>
</html>实际效果如下所示：
这儿需要我们把握的便是animate()方式：
animate() 方式实行 CSS 特性集的自定义动画。此方法根据 CSS 款式将原素从一个情况改变为另一个情况。CSS基础属性是慢慢变化的，这样就能建立动态效果。仅有数据值可建立动漫（例如 "margin:30px"）。字符串数组值无法创建动漫（例如 "background-color:red"）。
→注：请选择 " =" 或 "-=" 来建立相对性动漫。
animate()的语法结构如下所示：
(selector).animate({styles},speed,easing,callback)主要参数styles是必要的：要求造成动态效果的一个或多个 CSS 特性/值。
留意：当与 animate() 方式一起使用中，该特性名字一定要骆驼峰书写： 您必须应用 paddingLeft 取代 padding-left，marginRight 取代 margin-right，以此类推。
主要参数speed是可供选择的：要求动画速率。
很有可能数值：
ms
"slow"
"fast"
主要参数easing是可供选择的：要求在动画不同之处中元素速度。初始值是 "swing"。
很有可能数值：
"swing" - 在开始/末尾挪动慢，在正中间的挪动快
"linear" - 均速挪动
提醒：拓展软件中带来更多可利用的 easing 函数公式。
主要参数callback是可供选择的：animate 函数公式实行完以后，要实施的函数公式。
最终为大家推荐《JavaScript基础教程》《jquery视频教程》~欢迎各位学习培训~
以上就是关于怎样用 jQuery 为文章段落原素设定动画具体内容，大量欢迎关注AdminJS其他类似文章！