首页

JS特效

jQuery特效

jQuery的JSON动态获取表格数据代码

立即下载预览

/*左侧展开关闭*/
函数 dbClick(obj) {
if($(obj).next().is(":hidden")) {
$(obj).next().show();
} 别的 {＃＃＃ $(obj).next().hide();
}
};
$(函数() {
$("#mainTable thead").next().empty();
var k = 0;
$.getJSON("revenue.json", function(data) {
$.each(数据, 函数(mainIndex, mainTable) {
/*收入单位*/
var mainTrObj = "" mainTable. RevenueUnit "</td><td>" mainTable.firm "</td><td>" mainTable.number "</td><td>" mainTable.instructionType "</td><td>" mainTable.dept "</td><td>" mainTable.totalPrice "</td></tr>";
$("#mainTable").append(mainTrObj);
/*支出单位表头*/
var haveChild = data[k].child.length;
if(有孩子== 0) {
var nullHead = "<tr><td colspan='5'align='center'>暂无数据</td></tr>";
$("#mainTable").append(nullHead);
} 别的 {＃＃＃ var SmallTit = "

<td>费用结算单位</td><td>数量</td><td>费用价格</td><td>费用类型</ td></tr></table></td></tr>";
$("#mainTable").append(smallTit);
}
/*支出单位遍历*/
var numnerSum = 0;
var 价格总和 = 0;
var 未解决 = 0;
var child = data[k].child;
for(var j = 0; j < haveChild; j ) {
numnerSum = numnerSum parseInt(child[j].number);
PriceSum = PriceSum parseFloat(child[j].price);
价格总和 = Math.round(价格总和 * 100) / 100;
未解决= parseFloat(mainTable.totalPrice)-priceSum;
未解决 = Math.round(未解决 * 100) / 100;
var SmallTrObj = "

" child[j].expendUnit "</td><td>" child[j].number "</td><td>" child[j].price "</td><td colspan='2'>" child[j].type "</td></tr>";
$("#smallTr" k).after(smallTrObj);
/* 计算数量、价格、未结费*/
}
/*小计行*/
var totalTrObj = "<tr class='danger'><td>小计</td><td>" numnerSum "</td><td>" priceSum "</td><td align='center'>未结费 " unsettled "</td></tr>";
$("#smallTable" k).append(totalTrObj);
console.log(priceSum);
console.log("未结费" unsettled);
k ;
});
});

jQuery JSON动态获取表格数据代码是一款jQuery函数调用json表格动态获取数据，表格全部折叠，全部关闭，双击表格行折叠关闭表格。

注：由于服务器不支持JSON，所以会出现无数据，下载压缩包自行搭建！

免责声明

本站所有资源均由网友贡献或各大下载网站转载。请自行检查软件的完整性！本站所有资源仅供学习参考。请不要将它们用于商业目的。否则，一切后果由您负责！如有侵权，请联系我们删除。联系方式：admin@php.cn

JQuery 获取json数据$.getJSON方法的实例代码_jquery

16 May 2016

这篇文章介绍了JQuery 获取json数据$.getJSON方法的实例代码，有需要的朋友可以参考一下

基于jQuery实现表格数据的动态添加与统计的代码_jquery

16 May 2016

使用jQuery可以大大减轻工作量,在实际开发中,使用了jQuery的clone(true)函数,该函数可以创建一个jQury对象的副本,并且参数为true时,可以复制该元素的所有事件处理函数。

HTML5超逼真下雪场景效果

18 Jan 2017

这是一款基于jquery的超逼真下雪场景特效。该特效使用jquery代码来动态插件html5 canvas元素，然后在canvas中制作下雪特效。

jQuery和CSS3超炫汉堡包变形动画特效

18 Jan 2017

这是一款使用jQuery和CSS3来制作的炫酷汉堡包变形动画特效。该特效通过通过jQuery来附加按钮事件，并通过CSS3 transform和animation来制作动画特效。

jquery打字特效停止回删

23 May 2023

随着互联网的普及，打字特效的应用越来越广泛，jquery打字特效也成为了许多网站开发人员的首选。然而，在实现这种特效的过程中，细节问题经常会影响用户体验，比如打字特效的回删问题。本文将介绍如何利用jquery打字特效停止回删，提高用户的浏览体验。jquery打字特效的实现可以使用现成的插件，如typed.js和jQuery.Typewriter等。这些插件都是基于jquery的

jQuery动画特效实例教程_jquery

16 May 2016

这篇文章主要介绍了jQuery动画特效,详细叙述了jQuery动画特效的实现方法,非常实用,需要的朋友可以参考下

漂亮的jquery提示效果(仿腾讯弹出层)_jquery

16 May 2016

jquery提示效果有很多，本文也提供一个超漂亮的仿腾讯弹出层效果，热爱特效的你可千万不要错过了啊，希望本文提供的案例对你学习jquery特效有所帮助

jQuery实现带玻璃流光质感的手风琴特效_jquery

16 May 2016

这篇文章主要介绍了jQuery实现带玻璃流光质感的手风琴特效，是一款基于jQuery+CSS3实现手风琴特效，希望你可以喜欢。

jQuery动画与特效详解

28 Nov 2017

jquery中我们最需要用的除了异步，就是动画和特效了吧，要想给用户更好的体验jquery是最好的选择，就让我们一起来看看jquery的动画、特效的详解吧