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的渲染函数实现复杂的逻辑

---

这一个去Kobi。

考虑下面的代码片段：

// hide all elements which contains the text "abc"
$("p").each(function ()
{
    var that = $(this);

    if (that.text().indexOf("abc") > -1) that.hide();
});    

这是一个速记...这是一个快两倍的速记：

$("p.value:contains('abc')").hide();

---

为折叠上方的元素添加选择器

作为一个jQuery选择器插件

 $.extend($.expr[':'], {
 "aboveFold": function(a, i, m) {
   var container = m[3],
   var fold;
  if (typeof container === "undefined") {
     fold = $(window).height() + $(window).scrollTop();
  } else {
     if ($(container).length == 0 || $(container).offset().top == null) return false;
     fold = $(container).offset().top + $(container).height();
  }
  return fold >= $(a).offset().top;
 } 
});

用法：

$("p:aboveFold").css({color:"red"});

Thx到scottymac

---

（这是一个无塞的插头）

通过添加与表单相关的方法，您可以尝试使用我编写的插件来增加jQuery的流畅API，而不是编写重复的表单处理代码。

// elementExists is also added
if ($("#someid").elementExists())
  alert("found it");

// Select box related
$("#mydropdown").isDropDownList();

// Can be any of the items from a list of radio boxes - it will use the name
$("#randomradioboxitem").isRadioBox("myvalue");
$("#radioboxitem").isSelected("myvalue");

// The value of the item selected. For multiple selects it's the first value
$("#radioboxitem").selectedValue();

// Various, others include password, hidden. Buttons also
$("#mytextbox").isTextBox();
$("#mycheck").isCheckBox();
$("#multi-select").isSelected("one", "two", "three");

// Returns the 'type' property or 'select-one' 'select-multiple'
var fieldType = $("#someid").formElementType();

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

上一篇: jQuery Tips and Tricks

下一篇: Visual Studio: configure debug to attach to process