jquery循环，jquery循环遍历

编程之家2026-05-31830次浏览

大家好，关于jquery循环很多朋友都还不太明白，今天小编就来为大家分享关于jquery循环遍历的知识，希望对各位有所帮助！

jquery 跑马灯怎么实现循环

打开 Dreamweaver

新建 HTML文档；

修改标题为"跑马灯"

保存为 index.html文件。

jquery跑马灯图片不间断滚动效果

首先，编写跑马灯部分的静态 HTML代码，把图片排列起来

在<body>和</body>标签中添加以下代码：

<div>

<ul>

</ul>

</div>

jquery跑马灯图片不间断滚动效果

给上一步的 HTML代码中的 div标签增加 class属性，如下：

编写跑马灯部分的 CSS样式代码，代码放在<head>和</head>标签中，如下：

ul{list-style:none; padding:0; margin:0;}

.con{ width:1105px; height:225px; overflow:hidden; border:2px solid#666; margin:10px auto 0 auto; padding:5px 0 0 5px;}

.con ul li{ float:left; margin:0 5px 10px 0;}

.con ul li img{ display:block; width:209px; height:209px; padding:2px; border:1px solid#ccc;}

</style>

jquery跑马灯图片不间断滚动效果

引入 JQuery库

引入 Marquee插件

代码放在</body>标签前，如图：

jquery跑马灯图片不间断滚动效果

给 div增加 marquee类

保存文件，在浏览器中打开，就可以看到图片开始滚动了。

jquery跑马灯图片不间断滚动效果

图片默认的滚动方向是“向上滚动”

如果要修改图片滚动的方向，可以给 div指定 direction属性，属性值可以取：

up上

down下

left左

right右

jquery跑马灯图片不间断滚动效果

完整的例子放在百度网盘中，需要的请发邮件到 xdhy_dn@foxmail.com

主题写“百度经验”。自动回复下载地址

jquery 如何遍历这样的json

方法挺多的把，可以用for循环，也可以用each方法。

先献上ajax请求：

$.ajax({

url:'/path/to/file',

type:'GET',

dataType:'json',

data:{param1:'value1'},

success:function(obj){

//遍历obj

}

})返回的内容在success的函数里面，所有的遍历操作都是在这里面操作的：

for循环：

varobj={

"status":1,

"bkmsg":"\u6210\u529f",

"bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]

}

//console.log(obj.length);

if(obj.status==1){

for(vari=0;i<obj.bkdata.length;i++){

console.log(obj.bkdata[i]);

};

}else{

alert("数据有误~");

};

for in循环：

//forin循环

for(xinobj.bkdata){

//x表示是下标，来指定变量，指定的变量可以是数组元素，也可以是对象的属性。

console.log(obj.bkdata[x]);

}

//元素 each方法

if(obj.status==1){

$(obj.bkdata).each(function(index,item){

//index指下标

//item指代对应元素内容

//this指代每一个元素对象

//console.log(obj.bkdata[index]);

console.log(item);

//console.log($(this));

});

}else{

alert("数据有误~");

};

//jquery each方法

$.each(obj.bkdata,function(index,item){

console.log(item);

});

jquery怎么使用velocity

Velocity的基本用法<?xml:namespace prefix= o ns="urn:schemas-microsoft-com:office:office"/>

Velocity概述

Velocity是一个基于java的模板引擎（template engine）。它允许任何人仅仅简单的使用模板语言（template language）来引用由java代码定义的对象。当Velocity应用于web开发时，界面设计人员可以和java程序开发人员同步开发一个遵循MVC架构的web站点，也就是说，页面设计人员可以只关注页面的显示效果，而由java程序开发人员关注业务逻辑编码。Velocity将java代码从web页面中分离出来，这样为web站点的长期维护提供了便利，同时也为我们在JSP和PHP之外又提供了一种可选的方案。

Velocity的能力远不止web站点开发这个领域，例如，它可以从模板（template）产生SQL和PostScript、XML，它也可以被当作一个独立工具来产生源代码和报告，或者作为其他系统的集成组件使用。 Velocity也可以为Turbine web开发架构提供模板服务（template service）。Velocity+Turbine提供一个模板服务的方式允许一个web应用以一个真正的MVC模型进行开发。

一、基本语法

1、"#"用来标识Velocity的脚本语句，包括#set、#if、#else、#end、#foreach、#end、#include、#parse、#macro等；

如:

#if($info.imgs)

#else

#end

2、"$"用来标识一个对象(或理解为变量)；如：$i、$msg、$TagUtil.options(...)等。

3、"{}"用来明确标识Velocity变量；

比如在页面中，页面中有一个$someonename，此时，Velocity将把someonename作为变量名，若我们程序是想在someone这个变量的后面紧接着显示name字符，则上面的标签应该改成${someone}name。

4、"!"用来强制把不存在的变量显示为空白。

如当页面中包含$msg，如果msg对象有值，将显示msg的值，如果不存在msg对象同，则在页面中将显示$msg字符。这是我们不希望的，为了把不存在的变量或变量值为null的对象显示为空白，则只需要在变量名前加一个“!”号即可。

如：$!msg

二、在EasyJWeb中的最佳实践

理论上你可以在EasyjWeb模板使用所有Velocity的脚本及功能，但我们不推荐你在界面模板中使用过多过复杂的脚本表达方式，在万不得已的情况下，不要在界面模板中加入任何复杂的逻辑，更不要在界面模板中加入变量声明、逻辑运算符等等。

1、$!obj直接返回对象结果。

如：在html标签中显示java对象msg的值。<p>$!msg</p>

在html标签中显示经过HtmlUtil对象处理过后的msg对象的值<p>$!HtmlUtil.doSomething($!msg)</p>

2、#if($!obj)#else#end判断语句

如：在EasyJWeb各种开源应用中，我们经常看到的用于弹出提示信息msg的例子。

#if($msg)

alert('$!msg');

</script>

#end

上面的脚本表示当对象msg对象存在时，输出<script>等后面的内容。

3、#foreach($info in$list)$info.someList#end循环读取集合list中的对象，并作相应的处理。

如：EasyJF开源论坛系统中论(0.3)坛首页显示热门主题的html界面模板脚本：

#foreach($info in$hotList1)

<a rel="external nofollow" href="/bbsdoc.ejf?easyJWebCommand=show&&cid=$!info.cid"

target="_blank">$!info.title</a><br>

#end

上面的脚本表示循环遍历hotList1集合中的对象，并输出对象的相关内容。

4、#macro(macroName)#end脚本函数(宏)调用，不推荐在界面模板中大量使用。 Velocity中的宏我们可以理解为函数。①宏的定义#macro(宏的名称$参数1$参数2…)语句体(即函数体)#end

②宏的调用#宏的名称($参数1$参数2…)

说明：参数之间用空格隔开。

如：在使用EasyJWeb Tools快速生成的添删改查示例中，可以点击列表的标题栏进行升降排序显示，这是我们在EasyJWeb应用中经常看到的一个排序状态显示的模板内容。

函数(宏)定义，一般放在最前面

#macro(orderPic$type)

#if($orderField.equals($type))

#end

具体的调用如：<font color="#FFFFFF">头衔#orderPic("title")</font>

5、包含文件#inclue("模板文件名")或#parse("模板文件名")

主要用于处理具有相同内容的页面，比如每个网站的顶部或尾部内容。

如：#parse("/blog/top.html")或#include("/blog/top.html")

区别：

1若包含的文件中有Velocity脚本标签，将会进一步解析，而include将原样

显示。

2#parse只能指定单个对象。而#include可以有多个

示范代码：

#include("one.gif","two.txt","three.htm")

#parse("parsefoo.vm")

三、关于#set的使用

在万不得已的时候，不要在页面视图自己声明Velocity脚本变量，也就是尽量少使用#set。有时候我们需要在页面中显示序号，而程序对象中又没有包含这个序号属性同，可以自己定义。如在一个循环体系中，如下所示：

#set($i=0)

#foreach($info in$list)

序号:$i

#set($i=$i+1)

#end

四、Velocity脚本语法摘要

声明:#set($var=XXX)

变量引用,字面字符串,属性引用,方法引用,字面数字,数组列表。

#set($monkey=$bill)## variable reference

#set($monkey.Friend="monica")## string

#set($monkey.Blame=$whitehouse.Leak)## property reference

#set($monkey.Plan=$spindoctor.weave($web))## method reference

#set($monkey.Number= 123)##number

#set($monkey.Say= ["Not",$my,"fault"])## ArrayList

算术运算符

#set($foo=$bar+ 3)#set($foo=$bar- 4)#set($foo=$bar* 6)#set($foo=$bar/ 2)

2、注释:

单行## XXX

多行#* xxx

xxxx

xxxxxxxxxxxx*#

References引用的类型

3、变量 Variables

以"$"开头，第一个字符必须为字母。character followed by a VTL Identifier.(a.. z or A.. Z).

变量可以包含的字符有以下内容：

alphabetic(a.. z, A.. Z)

numeric(0.. 9)

hyphen("-")

underscore("_")

4、Properties

$Identifier.Identifier

$user.name

hashtable user中的的name值.类似：user.get("name")

5、Methods

object user.getName()=$user.getName()

6、Formal Reference Notation

用{}把变量名跟字符串分开

如

#set($user="csy"}

${user}name

返回csyname

$username

$!username

$与$!的区别

当找不到username的时候，$username返回字符串"$username"，而$!username返回空字符串""

7、双引号与引号

#set($var="helo")

test"$var"返回testhello

test'$var'返回test'$var'

可以通过设置 stringliterals.interpolate=false改变默认处理方式

8、条件语句

#if($foo)

<strong>Velocity!</strong>

#end

#if($foo)

#elseif()

#else

#end

当$foo为null或为Boolean对象的false值执行.

9、逻辑运算符:==&&||!

10、循环语句#foreach($var in$arrays)//集合包含下面三种Vector, a Hashtable or an Array

#end

#foreach($product in$allProducts)

<li>$product</li>

#end

#foreach($key in$allProducts.keySet())

<li>Key:$key-> Value:$allProducts.get($key)</li>

#end

#foreach($customer in$customerList)

<tr><td>$velocityCount</td><td>$customer.Name</td></tr>

#end

语句的嵌套#foreach($element in$list)## inner foreach内循环#foreach($element in$list) This is$element.$velocityCount<br>inner<br>#end## inner foreach内循环结束## outer foreach This is$element.$velocityCount<br>outer<br>#end

11、velocityCount变量在配置文件中定义

# Default name of the loop counter

# variable reference.

directive.foreach.counter.name= velocityCount

# Default starting value of the loop

# counter variable reference.

directive.foreach.counter.initial.value= 1

12、包含文件

#include("one.gif","two.txt","three.htm")

13、Parse导入脚本

#parse("me.vm")

14、#stop停止执行并返回

停止执行模板引擎并返回,把它应用于debug是很有帮助的。

15、定义宏Velocimacros,相当于函数支持包含功能

#macro( d)

#end

调用

#d()

16、带参数的宏

#macro( tablerows$color$somelist)

#foreach($something in$somelist)

<tr><td bgcolor=$color>$something</td></tr>

#end

17、Range Operator

#foreach($foo in [1..5])

18、转义字符

如果reference被定义，两个’\’意味着输出一个’\’，如果未被定义，刚按原样输出。#set($email="foo")$email\$email\\$email\\\$email

输出： foo$email....

jquery循环和jquery循环遍历的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！

javascript是什么意思中文翻译？如果不启用javascripthtml5input？html编辑器

jquery循环，jquery循环遍历

jquery 跑马灯 怎么 实现 循环

jquery 如何遍历这样的json

jquery怎么使用velocity

jquery 跑马灯怎么实现循环