jQuery action—实现网站动态效果
发布于 2021-04-08 19:58
jQuery action实质上指的是jQuery的行为，即通过某些方法使整个网站实现动态效果，增加美感，最终达到开发要求。
1.jQuery效果
jQuery封装了实现网页动态效果的一些方法，具体如表所示。
jQuery中还有很多实现动画的方法，可以极大地丰富网页内容。
接下来以hide()与show()方法为例来演示jQuery的效果实现，如例所示。
例运行结果如图所示。
单击【隐藏】按钮之后运行结果如图所示。
再单击【显示】按钮显示结果如图所示。
例是实现单击不同的按钮显示不同效果的功能。
第5行是引入jQuery。
第8~10行是当id为hide的按钮单击以后将<p>标签内容进行隐藏。
第11~13行是当id为show的按钮单击以后将<p>标签中隐藏的内容显示出来。
同理，大家可以自己动手尝试编写实现其他效果。
2.jQuery操作DOM
上一节JavaScript内容中讲解了对DOM对象的操作方法，而jQuery对这些操作方法都进行了封装，从而使得操作也更丰富，常用的操作方法如表所示。
接下来以append()方法为例来演示jQuery操作DOM，如例所示。
例运行结果如图所示。
例是实现在文档末尾添加内容的功能。第5行是引入jQuery。
第7~9行是在<p>标签的内容后添加字体加粗的“用良心做教育”。
第13行是<body>中的<p>标签，内容是“千锋教育：”。
同理，大家可以自己动手尝试编写实现其他操作方法。
jQuery框架可以很好地丰富网页，原因是它封装了许多操作网页的方法，大家可以通过jQuery官网对其进行深入的研究学习。
本文来自网络或网友投稿，如有侵犯您的权益，请发邮件至：aisoutu@outlook.com 我们将第一时间删除。
相关素材