jQuery提示和技巧

句法

由罗斯塔纳西德准备事件的速记

由罗颂酸引起的断行和可链接性

由Nathan Long嵌套过滤器

通过roosteronacid缓存集合并在同一行执行命令

包含由roosteronacid选择

在由roosteronacid创建元素时定义属性

像访问roosteronacid的数组一样访问jQuery函数

noConflict函数 - Oli释放$变量

用nickf在noConflict模式下隔离$变量

Roosteronacid没有冲突模式

数据存储

数据函数 - 通过TenebrousX将数据绑定到元素

HTML5数据属性支持，类固醇！ 由roosteronacid

FilipDupanović的jQuery元数据插件

优化

通过roosteronacid优化复杂选择器的性能

上下文参数由lupefiasco

保存并重用Nathan Long的搜索

创建HTML元素并保留引用，检查元素是否存在，由Andreas Grech编写自己的选择器

杂

用红色方块检查集合中元素的索引

TM的现场活动处理程序

用ken替换名字函数的匿名函数

Slace的微软AJAX框架和jQuery桥梁

egyamado的jQuery教程

从集合中删除元素并保留roosteronacid的可链接性

在Ben的匿名函数开头声明$ this

FireBug lite，Hotbox插件，通过Color Blend告诉图像何时加载和Google CDN

通过harriyott明智地使用第三方jQuery脚本

Jan Zich的每个功能

由Chris S提供的Form Extensions插件

通过OneNerd异步每个函数

jQuery模板插件：使用roosteronacid的渲染函数实现复杂的逻辑

---

创建一个HTML元素并保留一个引用

var newDiv = $("<div />");

newDiv.attr("id", "myNewDiv").appendTo("body");

/* Now whenever I want to append the new div I created, 
   I can just reference it from the "newDiv" variable */

检查一个元素是否存在

if ($("#someDiv").length)
{
    // It exists...
}

编写自己的选择器

$.extend($.expr[":"], {
    over100pixels: function (e)
    {
        return $(e).height() > 100;
    }
});

$(".box:over100pixels").click(function ()
{
    alert("The element you clicked is over 100 pixels height");
});

---

jQuery的data()方法很有用，而且不为人所知。 它允许你在不修改DOM的情况下将数据绑定到DOM元素。

---

嵌套过滤器

你可以嵌套过滤器（如这里显示的nickf）。

.filter(":not(:has(.selected))")

链接地址: http://www.djcxy.com/p/17089.html

上一篇: jQuery Tips and Tricks

下一篇: Which process to attach to debug the .NET winforms exe in visual studio 2008