ajax
jQuery性能优化指南(3)发表于: 2009-05-24 10:00:49
8,尽量使用ID代替Class。
前面性能优化已经说过,ID选择器的速度是最快的。所以在HTML代码中,能使用ID的尽量使用ID来代替class。
看下面的一个例子:
// 创建一个list
var $myList = $('#myList');
var myListItems = '
前面性能优化已经说过,ID选择器的速度是最快的。所以在HTML代码中,能使用ID的尽量使用ID来代替class。
看下面的一个例子:
// 创建一个list
var $myList = $('#myList');
var myListItems = '
- ';
- This is a list item '; //这里使用的是class
for (i = 0; i < 1000; i++) {
myListItems += '
}
jQuery性能优化指南(2)发表于: 2009-05-24 09:59:53
4,对直接的DOM操作进行限制
这里的基本思想是在内存中建立你确实想要的东西,然后更新DOM 。
这并不是一个jQuery最佳实践,但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。
例如,你想动态的创建一组列表元素,千万不要这样做,如下所示:
var top_100_list = [...], // 假设这里是100个独一无二的字符串
$mylist = $("#mylist"); // jQuery 选择到
这里的基本思想是在内存中建立你确实想要的东西,然后更新DOM 。
这并不是一个jQuery最佳实践,但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。
例如,你想动态的创建一组列表元素,千万不要这样做,如下所示:
var top_100_list = [...], // 假设这里是100个独一无二的字符串
$mylist = $("#mylist"); // jQuery 选择到
- 元素
- " + top_100_list[i] + " ");
for (var i=0, l=top_100_list.length; i
}
jQuery性能优化指南(1)发表于: 2009-05-24 09:59:07
1,总是从ID选择器开始继承
在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。
例如有一段HTML代码:
在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。
例如有一段HTML代码:
jQuery的AJAX支持 - [技术文档]发表于: 2009-04-15 23:58:17
通用方式:
$.ajax(prop) 通过一个ajax请求,回去远程数据,prop是一个hash表,它可以传递的key/value有以下几种。
(String)type:数据传递方式(get或post)。
((String)url:数据请求页面的url
((String)data:传递数据的参数字符串,只适合post方式
((String)dataType:期待数据返回的数据格式(例如"xml","html","script",或"json")
((Boolean)ifModified: 当最后一次请求的相应有变化是才成功返回,默认值是false
((Number)timeout:设置时间延迟请求的时间。可以参考$.ajaxTimeout
((Boolean)global:是否为当前请求触发ajax全局事件,默认为true
((Function)error:当请求失败时触发的函数。
((Function)success:当请求成功时触发函数
((Function)complete:当请求完成后出发函数
$.ajax(prop) 通过一个ajax请求,回去远程数据,prop是一个hash表,它可以传递的key/value有以下几种。
(String)type:数据传递方式(get或post)。
((String)url:数据请求页面的url
((String)data:传递数据的参数字符串,只适合post方式
((String)dataType:期待数据返回的数据格式(例如"xml","html","script",或"json")
((Boolean)ifModified: 当最后一次请求的相应有变化是才成功返回,默认值是false
((Number)timeout:设置时间延迟请求的时间。可以参考$.ajaxTimeout
((Boolean)global:是否为当前请求触发ajax全局事件,默认为true
((Function)error:当请求失败时触发的函数。
((Function)success:当请求成功时触发函数
((Function)complete:当请求完成后出发函数
jquery 效果发表于: 2009-02-22 23:31:34
基本效果
1)、show() 显示一个元素
2)、show(speed, callback) speed显示速度, callback为显示的时候调用的函数
3)、hide() 隐藏一个元素
4)、hide(speed, calssback)
5)、toggle 自动判断是显示还是隐藏
1)、show() 显示一个元素
2)、show(speed, callback) speed显示速度, callback为显示的时候调用的函数
3)、hide() 隐藏一个元素
4)、hide(speed, calssback)
5)、toggle 自动判断是显示还是隐藏
jquery 选择器(selector)发表于: 2009-02-22 23:30:52
基本选择
1)、id - $("#id") - 定义了ID的标签
2)、class - $(".class") - 定义了class的标签
3)、element - $("element") - 标准html元素
4)、* - $("*") - 所有元素
1)、id - $("#id") - 定义了ID的标签
2)、class - $(".class") - 定义了class的标签
3)、element - $("element") - 标准html元素
4)、* - $("*") - 所有元素
slideUp(speed,[callback])函数发表于: 2009-02-21 23:12:21
通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。
这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏起来。
这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏起来。
slideDown(speed,[callback]) 函数发表于: 2009-02-21 23:05:55
通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。
这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来。
这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来。
jQuery 中使用连续的行为发表于: 2009-02-09 22:36:59
1.得到包含 Henry 的单元格,然后它的兄弟(不只是下一个的兄弟)。加入这个类:
$('td:contains("Henry")').siblings().addClass('highlight');
2.得到包含 Henry 的单元格,得到它的父亲,然后查找所有在它里面大于0的单元格(0
是第一个单元格),加入这个类:
$('td:contains("Henry")').parent().find('td:gt(0)') .addClass('highlight');
3.得到包含 Henry 的单元格,得到它的父亲,查找所有在它里面,然后过滤那些除了包
含 Henry的,加入这个类:
$('td:contains("Henry")').parent().find('td').not(': contains("Henry")') ).addClass('highlight');
4.得到包含 Henry 的单元格,得到它的父亲,查找在它的孩子里面的第二个单元格,然
后加入这个类,取消上一个 .find() ,在孩子里查找第三个单元格,并加入这个类:
$('td:contains("Henry")').parent().find('td:eq(1)').addClass( 'highlight').end().find('td:eq(2)').addCl
$('td:contains("Henry")').siblings().addClass('highlight');
2.得到包含 Henry 的单元格,得到它的父亲,然后查找所有在它里面大于0的单元格(0
是第一个单元格),加入这个类:
$('td:contains("Henry")').parent().find('td:gt(0)') .addClass('highlight');
3.得到包含 Henry 的单元格,得到它的父亲,查找所有在它里面,然后过滤那些除了包
含 Henry的,加入这个类:
$('td:contains("Henry")').parent().find('td').not(': contains("Henry")') ).addClass('highlight');
4.得到包含 Henry 的单元格,得到它的父亲,查找在它的孩子里面的第二个单元格,然
后加入这个类,取消上一个 .find() ,在孩子里查找第三个单元格,并加入这个类:
$('td:contains("Henry")').parent().find('td:eq(1)').addClass( 'highlight').end().find('td:eq(2)').addCl
jQuery 中的正则表达式发表于: 2009-02-09 22:34:41
在jq中也是可以使用正则表达式的,举一个例子,
$(document).ready(function() {
$('a[@href^="mailto:"]').addClass('mailto');
$('a[@href$=".pdf"]').addClass('pdflink');
});
这一段代码的意思是 添加mailto样式给 以mailto: 开头的 a 标签中,
添加pdflink样式给.pdf结尾的a 标签中,
$(document).ready(function() {
$('a[@href^="mailto:"]').addClass('mailto');
$('a[@href$=".pdf"]').addClass('pdflink');
});
这一段代码的意思是 添加mailto样式给 以mailto: 开头的 a 标签中,
添加pdflink样式给.pdf结尾的a 标签中,
最近登录
热门文章
本站集成了普加民生信息搜索(10144)
图书连载声明(3978)
零起点学习Drupal教程[第二章---安装](3966)
零起点学习Drupal教程[前言](3867)
零起点学习Drupal教程[第六章---站点创建](1)(3409)
零起点学习Drupal教程[第三章---基本概念](3141)
网站优化的57条基础技巧(3057)
零起点学习Drupal教程[第五章---内容管理](2982)
零起点学习Drupal教程[第四章---创建内容](2743)
菜鸟的猪跑(Drupal)学习历程10 - 基本数据库操作(2668)
友情链接
普加网(生活信息,分类导航)
每日资讯网(聚合多站点消息)
断桥残雪部落格(我写我生活)
大风口(前端开发,用户体验)
路大侠(软件技巧 电脑知识)
幼学笔记(前端,地图,扯淡)
Drupal花园(Drupal爱好者的家园)
