ajax

jQuery性能优化指南(3)发表于: 2009-05-24 10:00:49

8,尽量使用ID代替Class。

前面性能优化已经说过,ID选择器的速度是最快的。所以在HTML代码中,能使用ID的尽量使用ID来代替class。
看下面的一个例子:
// 创建一个list
var $myList = $('#myList');
var myListItems = '
    ';
    for (i = 0; i < 1000; i++) {
    myListItems += '
  • This is a list item
  • '; //这里使用的是class
    }
作者:libo 浏览(417) 回复(0) 标签:ajax

jQuery性能优化指南(2)发表于: 2009-05-24 09:59:53

4,对直接的DOM操作进行限制

这里的基本思想是在内存中建立你确实想要的东西,然后更新DOM 。
这并不是一个jQuery最佳实践,但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。
例如,你想动态的创建一组列表元素,千万不要这样做,如下所示:
var top_100_list = [...], // 假设这里是100个独一无二的字符串
$mylist = $("#mylist"); // jQuery 选择到
    元素
    for (var i=0, l=top_100_list.length; i $mylist.append("
  • " + top_100_list[i] + "
  • ");
    }
作者:libo 浏览(484) 回复(0) 标签:ajax

jQuery性能优化指南(1)发表于: 2009-05-24 09:59:07

1,总是从ID选择器开始继承

在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。
例如有一段HTML代码:


交通信号灯



  • 红色

  • 黄色

  • 绿色





作者:libo 浏览(408) 回复(0) 标签:ajax

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:当请求完成后出发函数
作者:libo 浏览(395) 回复(0) 标签:ajax

jquery 效果发表于: 2009-02-22 23:31:34

基本效果
1)、show() 显示一个元素
2)、show(speed, callback) speed显示速度, callback为显示的时候调用的函数
3)、hide() 隐藏一个元素
4)、hide(speed, calssback)
5)、toggle 自动判断是显示还是隐藏
作者:libo 浏览(485) 回复(0) 标签:ajax

jquery 选择器(selector)发表于: 2009-02-22 23:30:52

基本选择
1)、id - $("#id") - 定义了ID的标签
2)、class - $(".class") - 定义了class的标签
3)、element - $("element") - 标准html元素
4)、* - $("*") - 所有元素
作者:libo 浏览(533) 回复(0) 标签:ajax

slideUp(speed,[callback])函数发表于: 2009-02-21 23:12:21

通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。
这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏起来。
作者:libo 浏览(401) 回复(0) 标签:ajax

slideDown(speed,[callback]) 函数发表于: 2009-02-21 23:05:55

通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。
这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来。
作者:libo 浏览(397) 回复(0) 标签:ajax

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
作者:libo 浏览(415) 回复(0) 标签:ajax

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 标签中,
作者:libo 浏览(504) 回复(0) 标签:ajax