请列举jQuery中常用的实现动画效果的方法(jquery的动画)

JQuery是一个流行的JavaScript库,用于创建动态网页。在本文中,我们将研究如何在Web应用程序中使用jQuery。
3360文件选择器我们可以使用3360文件选择器来获取文件类型的元素。
例如,如果我们有:
我们可以这样写:
$(‘input:file ‘)。css({ background: ‘yellow ‘,border: ‘3px红色实心’ });filter()使用filter函数从包装器集合中过滤出合格的dom元素。例如:
第1项列表第2项列表第3项列表第4项列表第5项列表第6项我们可以将li放在偶数位置,并通过编写以下内容为其添加红色背景:
$(‘李’)。筛选器(‘ :n-child(2n)’)。css(‘背景色’,’红色’);因此,第2、4和6个li元素具有红色背景。
的。find()find()函数用于选择满足指定表达式的每个匹配元素的后代元素,并将其作为jQuery对象返回。这里的表达式包括:选择器(字符串)、DOM元素、jQuery对象。例如:
然后,我们将从李类获得的项目-ii李灿化,并通过编写以下内容为其添加红色背景:
$(‘li.item-ii ‘)。查找(‘李’)。css(‘背景色’,’红色’);的。函数的作用是:立即完成队列中的所有动画。Finish()将停止当前正在运行的动画,删除队列中的所有动画,并完成所有匹配元素的动画。
例如,如果我们有以下HTML:
去完成
CSS:box { position: absolutetop: 10pxleft: 10pxwidth: 15pxheight: 15pxbackground:黑;}然后,当我们单击Go按钮时,我们可以用下面的代码为P创建一个动画:
const horiz=$(‘#path ‘)。width() – 20,vert=$(‘#path ‘)。身高()-20;$(‘#go ‘)。on(‘click ‘,function() { $(‘)。方框)。clearQueue()。停止()。css({ left: 10,top: 10 })。动画({顶部:垂直},3000)。动画({ left: horiz },3000)。animate({ top: 10 },3000);});const finish=()={ $(‘p.box ‘)。finish();}finish这个函数会在我们点击finish按钮跳过动画到最后的时候被调用。
的。首先()。first()函数用于获取当前jQuery对象匹配的元素中的第一个元素,并返回封装该元素的jQuery对象。
例如:
第1项列表第2项列表第3项列表第4项列表第5项然后我们得到第一个,李,并添加一个红色背景,它通过连线:
$(‘李’)。首先()。css(‘背景色’,’红色’);结论我们可以得到各种元素,用jQuery来完成动画。

其他教程

邓白氏编码官网(邓白氏编码什么意思)

2022-8-16 17:13:01

其他教程

川端康成文学的文化学研究(川端康成文学特点)

2022-8-16 17:15:04

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索