使用Jquery显示随机div
好的，以下是我根据你提供的问答内容给出的答案：
使用 jQuery 显示随机 div
概念：jQuery 是一个快速、简洁且高效的 JavaScript 框架，它提供了很多方便的功能，包括动画、事件处理、Ajax、JSON 等。在网页开发中，jQuery 可以简化代码，提高开发效率。
分类：jQuery 是一个 JavaScript 框架，不属于云计算领域。
优势：jQuery 具有简单易用、代码简洁、效率高、可扩展性强等特点，被广泛应用于网页开发中。
应用场景：jQuery 可以用于实现网页上的各种交互效果，包括表单验证、列表筛选、图片轮播、动画效果等。
推荐的腾讯云相关产品：云服务器、云数据库、云存储、CDN、云安全等。
产品介绍链接地址：https://cloud.tencent.com/product/cvm/
注意：在回答中不能提及亚马逊 AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google 等流行的一些云计算品牌商。
相关·内容
5回答
我想使用JQuery随机显示一个div类。代码类似于：
<div class="item">One</div>
<div class="item">Two</div>
<div class="item">Three</div>
<div class="item">Four</div>
因此，如果随机方法(随机结果在1到4之间)给出3作为结果，则显示：
<div class="item">Three</d
浏览 4提问于2013-08-28得票数 11
2回答
嗨，我正在做一项任务，这将显示随机图像。我的代码显示随机图像，但实际上我想显示没有重复的随机图像。如何做到这一点。帮帮我。提前谢谢。 var images = ['https://cdn.paperindex.com/banner/advertisement/1.jpeg', 'https://cdn.paperindex.com/banner/advertisement/2.jpeg', 'https://cdn.paperindex.com/banner/advertisement/3.jpeg', 'https://cdn.p
浏览 25提问于2019-02-21得票数 0
回答已采纳
我有两个div div#itemDetails，div#regCodeTarget和一个textfield #regcode。div#itemDetails最初是隐藏的，在#regcode文本字段中输入注册代码并且代码是正确的之后，在div#regCodeTarget中显示一个文本正确的键，当发生这种情况时，div#itemDetails也应该立即显示。以下代码如下：
jQuery(function() {
jQuery("#itemDetails").hide();
jQuery('#regcode').on('keydown', fu
浏览 6提问于2017-04-30得票数 0
我试图创建一个Javascript旋转木马，它显示一个随机的div并每3秒改变一次。
我在加载中显示了随机div，但不确定要添加什么使其更改到下一个。
var elems = $("div");
if (elems.length) {
var keep = Math.floor(Math.random() * elems.length);
for (var i = 0; i < elems.length; ++i) {
if (i !== keep) {
$(elems[i]).hide();
}
浏览 0提问于2018-09-05得票数 1
回答已采纳
2回答
如何在Vue.js中获取随机元
、、、、
我有3个英雄图像和他们的内容，我想显示他们随机当用户刷新页面！
基本上，我试图在加载页面上使用Jquery显示随机div，但问题是英雄图像的大小很大，使用Jquery，这3幅图像都开始在DOM中加载，这影响了页面的速度。
在Vue.js中是否有这样的解决方案，用于每次加载特定的div，而不是在用户刷新页面时加载所有的3 divs！？
<div class="slider-item"> <img src="../../../static/img/slides/slide1.png" alt="Hello">
浏览 3提问于2017-08-18得票数 7
回答已采纳
我在一个JSON文件中有一些数据，大约有20个条目。我想做的是在每次页面加载时随机显示这些条目中的4个。
var data = [
{'name': 'Bill'},
{'name': 'Sally'},
{'name': 'George'},
{'name': 'Steve'},
{'name': 'Jill'},
{'name': 'Jeff'}
];
$.each(da
浏览 3提问于2019-10-18得票数 0
我尝试在div中的随机区域显示随机图像。我要找的是接近的地方。它们显示淡入淡出的图像和框。
我已经找过类似这样的jQuery插件了，但是我找不到。你们对此有什么想法吗？
浏览 3提问于2011-05-19得票数 0
我通过jQuery显示了一串随机的1和0。我现在想选择一个随机数并改变它的颜色。使用数组还是$(div).text()字符串更好？我可以从中获取一个数字，但是如何将其插入到div中呢？
var numbArray = [];
for(i=0; i<10; i++)
{
var randomNumbers = Math.round(Math.random());
$('#numbs').prepend(randomNumbers);
numbArray[i] = randomNumbers;
}
<div id="numbs
浏览 0提问于2016-02-09得票数 4
3回答
我有这个jQuery和超文本标记语言
<div class="container">
<div class="yellow"></div>
<div class="red"></div>
<div class="green"></div>
<div class="blue"></div>
<div class="pink"></
浏览 0提问于2012-02-25得票数 13
回答已采纳
我试图伪造网络流量，我想显示在线用户的数量。这个数字应该是随机变化每10秒，并在2000年左右。
我创建了代码，但我不能让它按顺序随机运行，但却从5000跳到800，这看起来很奇怪。
<div class="num">2141</div>
setInterval(function() {
jQuery.each(jQuery('.num'),function(){
var number = 1 + Math.floor(Math.random() * 10000);
jQuer
浏览 5提问于2015-01-06得票数 0
回答已采纳
使用jQuery，如何以随机顺序排列页面上的每个div.foo，每隔X毫秒就出现一个新的div.foo？
Clarification：--我想从隐藏的所有这些元素开始，并以所有这些元素的显示结束，这样两次show()相同的元素就没有意义了。
我本来以为我会做一个数组，列出所有的元素，随机挑选一个，显示其中一个，使用splice()从数组中删除它，然后从剩下的列表中随机选择下一个元素，等等。但是由于我的数组是jQuery对象的一部分，所以splice()不可用。
浏览 4提问于2008-10-24得票数 4
回答已采纳
2回答
我正在为一个剧院网站构建一个jquery幻灯片旋转木马，它被用来显示剧院最近5场演出的标题和相关照片。节目以及为它们上传的照片的URL将从数据库中加载，并插入到下面的结构中：
<div id="slideshow_outercontainer"> <ul id="carousel">
<!-- This is where the <li>s are generated from the database using the photo's url
as a CSSbackground image -->
浏览 6提问于2010-01-15得票数 1
回答已采纳
2回答
我使用这个代码在一个区域内随机移动图像。但我需要显示至少3张图片。以下是我所做的：
<div class="fade">Image 1</div>
<div class="fade">Image 2</div>
<div class="fade">Image 3</div>
<div class="fade">Image 4</div>
<div class="fade">Image 5</div&g
浏览 0提问于2015-06-15得票数 5
3回答
我正在处理的一个网页使用基本的CSS效果，当用户将鼠标悬停在链接上时，该效果会显示图像。
HTML看起来像这样：
<div id="container">
<ul>
<li>
<a href="" id="first-link"><div id="first-image"></div>First link text</a>
<a href="" id=&
浏览 0提问于2013-05-22得票数 2
回答已采纳
2回答
我试着不在每个.content上加载超过9个alert，但结果我打包成9个项目的组中的每个数字，并删除任何小于10的项目！
例如，如果随机值为8，则内容中不会显示任何内容，或者如果随机数为19，则仅显示两组内容
如何修复下面的demo？
var itemsNumber = Math.floor(Math.random() * 50) + 1;
console.log(itemsNumber);
var contents = $('.contents');
var element = $('<div class="content"><
浏览 6提问于2018-01-04得票数 0
回答已采纳
1回答
大家好，我使用的是jquery bxslider插件，出于某种原因，它会显示随机幻灯片，它不是从一张幻灯片开始的，有时它会多次显示第一张幻灯片，而有些幻灯片永远不会？
我使用非常简单的代码，我没有编辑.js文件，你可以在viifit.com上的工作(..working但随机幻灯片)中看到它
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="jquery.bxSlider.min
浏览 0提问于2012-04-23得票数 1
回答已采纳
我正在寻找协助编码一个jquery随机放置在页面上的100个元素。完成后，它应该如下所示：
到目前为止，我已经有了html，我可以显示100个div，只是不是随机放置的。这里我漏掉了什么？
<html>
<head>
<title>jQuery: Placing Random Elements</title>
<meta charset="utf-8">
<style>
div {
position: absolute;
浏览 1提问于2013-12-29得票数 0
3回答
为了保持它的小巧和简单，当单击一个按钮时，所有的div都应该以随机的方向滑动，并且应该显示另一组新的div。
jQuery代码的基本演示：
$(document).ready(function() {
$("#toggle_value").click(function(){
$("#div1").show("fast");
$("#div2").show("fast");
$("#div3").show("fa
浏览 1提问于2012-08-18得票数 0
2回答
指定div上的随机图像
、、、、
我的要求:我有3组图像-大图像，垂直图像，矩形图像。当页面刷新时，在显示的布局中，我希望显示相同集合的随机图像。
我的问题是，只有第一个大的、垂直的、直角的div在每次刷新时都会随机显示图像。其他所有图像显示与之前相同。
HTML代码：
<div class="largebox">
<a href="">
<img id="largeimg" src="" class="largeimage">
<
浏览 0提问于2015-11-19得票数 0
这是我的HTML
<div id="abc">
<div class="asd">image1</div>
<div class="asd">image2</div>
<div class="asd">image3</div>
<div class="asd">image4</div>
<div class="asd">image5</
浏览 0提问于2013-02-21得票数 0
回答已采纳
2回答
我使用下面的代码从数组中获取随机数量的项，但我只想从提供的范围中获取3-5个随机数来显示。现在，它要么显示1，要么显示全部，要么显示介于两者之间的任何数值。我也很擅长完全改变我的策略，所以欢迎任何建议。非常感谢。
<script type="text/javascript" src="https://fiftyallstars.com/Code/jquery-2.2.4.js"></script>
<div>1</div>
<div>2</div>
<div>3</div
浏览 2提问于2021-04-03得票数 0
我正在开发一个推荐小部件，它在博客文章的底部显示了4篇随机文章。
为此，我需要将0到5之间的随机数附加到URL的末尾。这个号码不能重复。而且，它只需要在显示4篇文章之前执行该功能。
目前，随机数是生成的，但它们重复。我如何编写下面的jQuery代码使这些数字不再重复？
HTML
<div class="recommended""></div>
jQuery
$(window).on("load", function() {
var digits = [];
for(var i = 0; i < 5; i++)
浏览 0提问于2019-02-20得票数 0
我在随机的、不重叠的位置布置了一系列div。
当用户到达页面底部时，我使用jscroll添加更多的div。然而，这些新的div也应该是随机放置和绝对定位的。
执行此操作的有效方法是什么？我遇到了两个问题：(1)将随机位置javascript应用于新元素，(2)提供合理的非滞后体验。
当前基本代码:如果我使用无限滚动随机添加点，我如何获得随机放置的一组新点？
<head>
<title>desert</title>
<script type="text/javascript" src="https://ajax.g
浏览 2提问于2016-05-17得票数 0
2回答
在CSS中旋转动画
、、、
我试图旋转90度和270度的跨度，但不能在css中。现在我可以使用jQuery解决这个任务了。此外，当旋转为90度时，jQuery无法计算跨度的高度，并且块显示在div的左侧。
var height = sender.height();
希望有人可以帮助我解决这个任务通过css。
每个div的PS宽度和高度可以不同(随机)
浏览 2提问于2014-04-02得票数 0
我需要在我的网站上有一个jQuery滚动/滑块，可以滚动多个div的随机顺序。
例如:我有几个div，比如：
<div>
<div> Div 1</div>
<div> Div 2</div>
<div> Div 3</div>
<div> Div 4</div>
<div> Div 5</div>
<div> Div 6</div>
<div>
我想让它们以随机的顺序连续自动滚动。像这样：
浏览 4提问于2016-02-25得票数 0
1回答
我想放置一个带有随机大小和随机位置的淡入/淡出的div。
我可以用淡入/淡出随机显示三个图像，但我不能将它们随机放置在任意大小的位置。
jquery：
jQuery(function(){
function random(n) {
return Math.floor(Math.random() * n);
}
var transition_time = 2500;
var waiting_time = 100;
var images = $('div#block img');
var n = images.len
浏览 14提问于2017-07-04得票数 1
回答已采纳
我有返回字符串的代码，但我想随机显示字符串。如果你有更好的代码，干杯。主要任务是有一个单词列表，以及一个以随机顺序显示这些单词的脚本，但不会用一个单词替换另一个单词，即一个接一个。延迟应该是可配置的。 $("#slideShow .fadeInAmate").each(function(i) {
$(this).delay(200 * i).fadeIn(2000, function() {
$(this).prev().addClass('foo');
});
}); #slideShow p {
display: none;
}
浏览 27提问于2020-09-09得票数 1
1回答
代码工作得很好。只是不知道如何让它在不使用Jquery的情况下随机显示内容。
使其显示当前目录中的随机图像，但不确定如何使目录随机显示。
$dir = 'img/series_thumbnail/';
$dh = opendir($dir);
while (($fileName = readdir($dh)) !== false) {
if (!in_array($fileName, array('.', '..'))) {
$images = glob($dir . $fileName . '/*.{jpg,jpeg,png
浏览 0提问于2019-01-05得票数 0
我正在制作一个django网络应用程序。在主页上，有一些div，我想在其中显示来自我的数据库的随机图像，这些图像会周期性地变化(也就是说，每个div每隔几秒钟就从数据库获得一个随机图像)。用于此的jquery使用一些for循环来实现这一点。我已经在我的views.py文件中传递了文件列表，并且能够在我的模板中检索图像列表。但是，当我在jquery中放置{{ filelist \随机}}时，每次在每个循环中都使用相同的文件名。我该如何解决这个问题？
让我知道我应该提供哪些额外的信息。
浏览 7提问于2013-10-14得票数 0
回答已采纳
与其说是关于jQuery，不如说是关于CSS的问题。
我在的底部展示了前7名球员和每周领导者。最基本的一行以斜体字显示一个随机的提示：
#top div-块每10分钟由以下jQuery代码更新：
<script type="text/javascript">
$(function() {
setInterval(function() {
$.get("/preftop.html", function(data) {
$("#top"
浏览 3提问于2011-07-11得票数 0
回答已采纳
1回答
我坚持使用显示一个简单的alert。我有一个过滤器按钮，它是使用jQuery动态创建的。使用此代码，我会随机收到警报。我不确定为什么会发生这种情况？
请帮助我在每次li点击时获得一个alert，而不是随机的警报。
$(window).on("load", function() {
$('#game-categories ul li').each(function() {
$(this).on('click', function() {
alert("woohoo working");
});
浏览 4提问于2019-11-14得票数 0
2回答
我正在使用一个非常基本的jquery脚本来显示悬停时的图像(如下所示)：
HTML：
<li>
<div class="block">
<div class="drag"></div> (display:none in css)
</div>
</li>
<li>
<div class="block">
<div class="drag"></div>
&
浏览 1提问于2011-01-28得票数 1
回答已采纳
现在，我的代码允许我点击一个按钮并随机显示一个段落。但是，如果我再次单击按钮几次，它将显示这两个项目。当我第二次单击该按钮时，它将摆脱先前显示的<p>，并显示一个随机选择的新<p>。我试图使用$( "#foo").unbind( "click" );，但这不起作用。
我的jQuery：
$( "#toggleweight" ).click(function() {
var set =Math.floor((Math.random()* $('p').length )+1);
$.ajax({succ
浏览 0提问于2014-05-20得票数 1
回答已采纳
3回答
我在我的网站上使用这个代码来随机化div的顺序。在我的一个子页面上，我希望在稍微修改的版本中使用它--将再次以随机顺序显示12个div，但只有前3个将被显示，其余的将被设置为“Display:none”或使用js的相似效果。
有任何建议如何修改以下代码，以便只出现3个第一个div？
下面是代码：
HTML：
<div class="randomize">
<div class="random_div">1</div>
<div class="random_div">2</div
浏览 4提问于2014-03-07得票数 1
回答已采纳
我正在使用下面的函数，每次在jQuery Tabs中发生选项卡更改时，都会在#jQuery容器中显示一个随机引号。除了IE7-8 (当然)，一切都很好。
在IE7-8中所发生的是显示第一个引号，而第二个，随机引号出现在第一个引号下面的“引号”容器中。在所有其他浏览器中，只有一个引号显示并在选项卡更改上旋转。因此IE从div.quote中从quotes.html获取了第一个引号，显示了它，并且在第一个引号下面显示了一个随机引用。
怎样才能迫使IE正确地交换引号呢？而不被第一句“卡住”？
这是一个缓存问题吗？还是函数总是读取quote1并在其下面附加quote2的问题？
我没有在.htaccess
浏览 5提问于2011-05-13得票数 14
回答已采纳
2回答
我有一些代码，它显示一个列表中的一个或两个随机图像，并将其放在div中的随机位置。有时图像会出现在div之外。如何包含仅在父div的边界中显示的图像？
当前代码：
$('.draggable').each(function(i, el) {
var tLeft = Math.floor(Math.random() * 99) + 1 + '%',
tTop = Math.floor(Math.random() * 99) + 1 + '%';
$(el).css({
'left': tLeft,
浏览 25提问于2018-09-03得票数 0
2回答
在过去的一年里，我一直在慢慢地学习jQuery，我不得不假设我只是问错了问题，因为我找不到答案。
在我的标题中，我为不同的“标语”设置了一个div。我希望每次刷新时只显示其中一个，并且是随机的(伪的或真正的随机并不重要)。
标记：
<div id="tagline">
<p>Tagline #1</p>
<p>Tagline #2</p>
<p>Tagline #3</p>
<p>Tagline #4</p>
</div>
CS
浏览 1提问于2014-08-27得票数 0
回答已采纳
3回答
到目前为止，我已经做到了这一点，但由于我对JavaScript相对较新，所以很快就变得相当卡住了。我想随机显示一个淡入的div，如果在5秒内可见，然后淡出。在下一个随机div出现之前，应该有10秒的延迟。理想情况下，没有两个div应该背靠背显示。 如果可能，显示一个和另一个之间的延迟可能在10-20秒之间是随机的吗？ $(".demoBooked").fadeIn(2000).delay(5000).fadeOut(1000); body {
padding: 50px;
}
.demoBooked {
background: GOLD;
padding:
浏览 7提问于2020-12-17得票数 1
回答已采纳
我想在我的jQuery移动应用程序中创建一个随机页面效果。因此，我想给用户一个可以点击的按钮，它会跳转到/在站点上显示一个随机的page-div。这就是全部。
浏览 2提问于2011-03-13得票数 0
2回答
我想在网页上显示随时间变化的数据。我使用JQuery框架。我使用以下代码作为测试:每秒显示一个不同的随机数。它不起作用。为什么？什么是正确的工作方式？
<html>
<head>
<title>test</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(doc
浏览 1提问于2009-09-25得票数 0
回答已采纳
1回答
我有个奇怪的随机问题。下面是我有问题的代码的示例。它的目的是对ul/li元素列表创建一个jQuery jCarousel控件。但是我需要里面的元素垂直居中，所以我正在为每个元素计算一个填充顶，一旦它们包含的图片被加载。
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("#caroussel-cards").jcarousel({ "wrap": 'both', "animation": 800
浏览 5提问于2010-10-12得票数 0
我正在尝试将随机突出显示的文本或图像拖放到不是我编写的随机页面上，因此我不能简单地将文本包装在div中并使其可拖动。
有没有办法在像Yahoo这样的随机页面上突出显示文本或图像，并将其放入一个容器中，该容器可以识别放入其中的内容(如内容和内容类型)，而无需将其明确声明为可拖动？
我一直在玩jQuery，但是想不通。
任何帮助都将不胜感激。
问候你，大卫
浏览 1提问于2009-07-10得票数 0
5回答
这很难解释，如果你不能理解我的问题，请在评论中问我。
请看下面的代码。首先，我从数组中生成随机文本，然后我有两个div元素：current和old div。我试图实现的是，当第一次按下“开始”按钮时，任何随机文本都可以显示在current和old div中。当第二次按下“开始”按钮时，无论哪个文本出现在old div中，第一次显示在current div中，任何随机文本都显示在旧的div中，循环继续进行。
我尝试用0初始化old，但它在函数中显示为undefined。
<script>
function randomFromTo(from, to) {
re
浏览 1提问于2013-10-19得票数 2
回答已采纳
我有一个JQuery函数，它可以在充满DIV的页面中随机选择一个DIV。我正在尝试修改该函数，以便它检查嵌套在随机DIV中的H3标记的长度。如果H3标记内的字符串长度超过10个字符(包括空格)，则该函数应截断该字符串，并用这个新的较短字符串替换H3的内容并显示它。
示例：(jquery)
if ($('#main').length !== 0) {
var new_item = $('#main div').eq(Math.floor(Math.random() * $('#main div').length));
new
浏览 2提问于2012-08-15得票数 0
回答已采纳
3回答
我有一个静态页面，其中包含10个图像在页面顶部和10关于这些图像在页面后面的剪贴画。我想随机显示4张图片(我找到了解决方案)，但我不确定如何将这些图片与后面的文本div匹配，因为我应该隐藏/显示关于图片的段落
html：
<div id="images">
<div><img src="img1"></div>
<div><img src="img2"></div>
...
<div><img src="img10">
浏览 3提问于2012-05-25得票数 1
回答已采纳
3回答
我已经创建了一个随机图像数组，2个随机生成的图像将显示在我的HTML主体中创建的2个图像标记中。每个随机图像只显示一次。
发行：
然而，我现在正面临着一个障碍。我试图将数组中的单个元素随机化，使其达到最大的n次数。
意思：
Array_A = [A, B, C, D, E]
我有随机Array_A，随机生成的图像将显示在我的HTML中的两个<img>中。因此，当我执行console.log时，将显示来自Array_A的两个元素。
但是，我正在考虑限制元素C在Array_A中显示5次，这意味着index = 2的随机计数仅为5，如果计数大于5，则再次调用随机方法来获得另一个随机元素。
浏览 5提问于2016-08-02得票数 3
1回答
我已经创建了一个随机生成的图像数组。并且随机生成的图像中的2个将被显示在图像标签中。然而，当前面临的问题是，在图像标签中显示的两个随机图像可以是相同的图像。
我如何才能阻止两个相同的随机生成的图像显示。除了使用：.splice(parameter,1);之外，还有其他方法吗？
var BrandNameArray = ["lib/img/Brands/A.png", "lib/img/Brands/B.png", "lib/img/Brands/C.png", "lib/img/Brands/D.png", "lib/
浏览 14提问于2016-08-01得票数 0
下面是HTML：
<input type="text" id="name" /><input type="button" id="insert" value="Insert" />
<div id="display_list"></div>
下面是jQuery代码：
$(document).ready(function() {
function display() {
$('#display_list').tex
浏览 5提问于2012-07-27得票数 0
我在一台报价机器上工作，当点击它时，它会显示一个随机的引号，它的作者在我的数组中找到了它。我可以让它显示一次随机引号，但再次单击该按钮不起任何作用。
//VARIABLES
///////////////
var quotes = [
["Quote 1", "Author 1"],
["Quote 2", "Author 2"],
["Quote 3", "Author 3"],
["Quote 4", "Author 4"]
];
var r
浏览 0提问于2016-08-30得票数 1
回答已采纳
3回答
我想模仿一些类似社交媒体的个人资料页面。
我有一个HTML页面，它利用一个循环来显示来自4个不同用户的随机消息。10个"tweet“div显示在页面上，除了它们的类名和内容之外，它们基本上是相同的。
下面是一个例子：
<div class="tweet">
<div id="unique" class="mary">
<strong>@mary:</strong>
</div>"the sun is shining today."
</div
浏览 5提问于2016-02-11得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
