`

一段jquery代码的性能问题

    博客分类:
  • web
 
阅读更多

用jquery class去获取对象的属性,在firefox,ie9下面都没有问题,但是在ie8,ie6中会很慢,报出卡着的异常。

 

将这些东西从循环体中拿出来,问题得到解决,所以代码不管任何时候,执行一次能得到的结果,没必要执行多次。

 

一堆变量原本是写在方法filterMatchTr里面。

 

function filterTeamMatch() {
		var sRoundType = $('.css_con_round.ca_focus:first').text();
		var sType = $('.css_con_type.ca_focus:first').text();
		var sWinLose = $('.css_con_win_lose.ca_focus:first').text();
		var sScoreDiff = $('.css_con_score_diff.ca_focus:first').text();
		var sEuropDiff = $('.css_con_europ_diff.ca_focus:first').text();
		var sTotal = $('.css_con_total.ca_focus:first').text();
		var sJcTotal = $('.css_con_jc_total.ca_focus:first').text();
		var sJcLet = $('.css_con_jc_let.ca_focus:first').text();
		var teamId = $('.css_team_a.ca_focus:first').attr('teamId');
		
		var showCount = 0;
		$('#jq_match_tbody tr').each(function(){
			if (filterMatchTr($(this), sRoundType, sType, sWinLose, sScoreDiff, sEuropDiff, sTotal, sJcTotal, sJcLet, teamId)) {
				$(this).show();
				showCount++;
			} else {
				$(this).hide();
			}
		});
		if (showCount == 0) {
			$('#jq_no_data_tr').show();
		} else {
			$('#jq_no_data_tr').hide();
		}
	}

 

分享到:
评论

相关推荐

    jQuery 常用代码段

    这个压缩包文件“超实用的jQuery代码段”显然是一份汇集了多个常见和实用jQuery代码片段的资源,对于前端开发者来说极具价值。下面,我们将深入探讨这些关键知识点。 1. **选择器**:jQuery的选择器使得选取DOM元素...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    《超实用 的jQuery代码段》 配套 源码

    通过学习和实践《超实用的jQuery代码段》中的源码,开发者不仅能掌握jQuery的基本用法,还能了解到在实际项目中如何优化代码、提高性能,并逐步成长为一名熟练的前端工程师。同时,理解并运用这些代码段也有助于提升...

    50个必备的实用jQuery代码段

    ### 50个必备的实用jQuery代码段 #### 1. 如何创建嵌套的过滤器 嵌套过滤器能够帮助我们进一步精简选择器的结果集。例如,我们需要找到所有不包含特定类(如 `selected`)子元素的元素。 ```javascript // 创建一...

    50个jquery代码片段

    从给定的文件信息中,我们可以提炼出一系列关于jQuery的重要知识点,这50个代码片段不仅展示了jQuery的强大功能,还提供了实用的编程技巧,适用于各种JavaScript项目。以下是对部分代码片段的详细解释: ### 1. ...

    jquery程序代码包

    这段代码将元素的宽度在1秒内平滑地变为50%。 ### 6. Ajax交互 jQuery的`$.ajax()`函数和相关的`$.get()`、`$.post()`方法使得异步数据请求变得简单。例如,使用`$.get()`获取JSON数据: ```javascript $.get(...

    直接拿来用的15个jQuery代码片段

    标签中的“jquery分页代码”、“jquery弹出层代码”、“jquery图片轮播代码”和“超实用的jquery代码段”是分类描述,指出了文章中将包含的具体类型代码片段。分页代码片段涉及的是页面内容分段显示的技术;弹出层...

    门户网站jQuery相册代码相册图片切换代码下载

    8. 兼容性和优化:考虑到不同浏览器的兼容性问题,确保jQuery代码在主流浏览器上都能正常运行。此外,通过优化图片加载和减少DOM操作,可以提高相册性能,特别是对于包含大量图片的门户网站来说。 9. 实际应用:在...

    jQueryMobile源代码

    jQuery Mobile 是一个流行的开源框架,专门用于构建响应式和触摸友好的移动Web应用程序。它基于jQuery库,并...在实际开发中,理解源代码可以帮助我们优化性能,解决兼容性问题,以及创建更符合用户需求的交互体验。

    50个必备的jQuery代码段

    jQuery 是一个广泛使用的 ...以上仅是50个jQuery代码段的一部分,每个都涉及jQuery的核心功能。熟练掌握这些技巧将使你在JavaScript开发中更加得心应手。请确保理解每个代码段背后的原理,以便灵活应用到实际项目中。

    提高jQuery性能优化的技巧

    在JavaScript和jQuery中,全局变量会在任何作用域中都可访问,这会带来潜在的命名冲突和性能问题。最佳实践是将变量限定在函数作用域内,确保变量不会与其他脚本或库产生冲突,也利于垃圾回收机制的运作。 在使用...

    73、Jquery可翻阅上一条下一条的网站滚动广告代码

    【描述】中的内容与标题相同,进一步确认了这是一段jQuery代码,旨在实现一种互动式的滚动广告效果,用户可以在浏览时通过点击或滑动切换广告内容,上下翻阅不同的广告条目。 【标签】:“告代 码”可能是“广告...

    jQuery拖动滑块时间轴选择日期代码.zip

    此外,为了确保兼容性和性能,开发者还需要考虑不同浏览器的支持情况,以及在移动设备上的适配问题。 总结而言,"jQuery拖动滑块时间轴选择日期代码"是一个结合了jQuery、ECMAScript特性和前端UI设计的实例,它展示...

    50个必备的实用jQuery代码段.doc

    ### 50个必备的实用jQuery代码段 #### 1. 创建嵌套过滤器 ...以上列举的是文档中部分jQuery代码段的例子,每一段代码都具有其独特的应用场景和优化技巧,可以帮助开发者在日常开发中更加高效地实现各种功能。

    jQuery右下角pop弹窗漂浮广告代码,兼容主流浏览器.rar

    // 页面加载后延迟一段时间显示弹窗 setTimeout(function() { $('#popup-ad').fadeIn(); }, 2000); // 2秒后显示 // 点击关闭按钮时隐藏弹窗 $('#close-btn').click(function(e) { e.preventDefault(); $('...

    带滚动缩略图的全屏jQuery相册代码.zip

    3. JavaScript文件:实现相册的交互逻辑,包括jQuery代码和可能的自定义插件。 4. 图片资源:实际的相册图片,用于展示相册效果。 总的来说,这个项目提供了一个全屏jQuery相册的实现,通过学习和理解这段代码,...

    50个比较实用jQuery代码段

    其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任何可以做得更好的地方的...

    威锋网jquery焦点图代码.rar

    【描述】"威锋网jquery焦点图代码" 提示我们这是从威锋网获取的一段基于jQuery的代码,旨在创建一个焦点图功能。威锋网是中国知名的苹果产品和iOS开发者社区,其代码资源通常具有较高的实用性和参考价值。 【标签】...

Global site tag (gtag.js) - Google Analytics