盘点用jQuery框架实现“for循环”的四种方式!

$(function (message) {

// 获取到UI下的所有Li标签

var citys = $(“#city li”)

// 利用jQuery对象的each进行遍历

// 利用this进行遍历

citys.each(function () {

// alert(this.innerHTML);

alert($(this).html());

});

});

其中的this表示:集合中的每一个元素对象

第二种是在function()中赋予参数:

jquery对象.each(function(index,element){});

* index:就是元素在集合中的索引

* element:就是集合中的每一个元素对象

利用这种方式可以回调函数返回值:如结束本次循环或结束整个循环吗,但是并不是使用break,

在这里使用的是return true/false

* false:如果当前function返回为false,则结束循环(break)。

* true:如果当前function返回为true,则结束本次循环,继续下次循环(continue)

实例代码:

$(function (message) {

// 获取到UI下

  • 13
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery框架可以通过使用CSS3属性和插件来实现抽奖功能。其中,可以使用jQuery点击翻牌抽奖游戏代码和queryRotate插件来实现这个功能。 以下是一个使用jQuery点击翻牌抽奖游戏代码和queryRotate插件的示例: ```html <!DOCTYPE html> <html> <head> <title>抽奖游戏</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="jqueryRotate.js"></script> <style> .card { width: 100px; height: 100px; background-color: #ccc; border-radius: 5px; text-align: center; line-height: 100px; font-size: 24px; cursor: pointer; } </style> </head> <body> <div class="card">点击翻牌</div> <script> $(document).ready(function() { $('.card').click(function() { $(this).rotate({ angle: 0, animateTo: 180, duration: 1000, callback: function() { var randomNumber = Math.floor(Math.random() * 10) + 1; $(this).text(randomNumber); $(this).rotate({ angle: 180, animateTo: 360, duration: 1000 }); } }); }); }); </script> </body> </html> ``` 在上面的示例中,我们首先引入了jQuery库和queryRotate插件的脚本文件。然后,我们定义了一个具有.card类的div元素作为翻牌区域。通过点击该区域,我们可以触发翻牌动画和随机数字的显示。 在JavaScript代码中,我们使用了jQuery的.click()方法来监听.card元素的点击事件。当点击事件发生时,我们使用queryRotate插件的.rotate()方法来实现翻牌动画效果。在翻牌动画完成后,我们生成一个随机数字,并将其显示在.card元素中。最后,我们再次使用.rotate()方法来实现翻牌动画的还原。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值