jQuery 自定义选择

Question

我想扩展 jQuery 选择，以便它将给定的选择值视为 ID。

例如，当您执行 $("foo.bar") 时，jQuery 将尝试选择具有标签名称 foo 和类 bar 的所有元素，但我希望 jQuery 选择该元素ID 为 foo.bar。我不想每次都必须转义点并在前面添加 #，而是想将其作为函数添加到 jQuery，以便我可以执行类似 $("id:foo.bar"的操作)。

这可以用 jQuery 实现吗？如果是这样，有人可以给我举一些例子吗？

谢谢。

Answer 1

是的。您可以通过扩展 .expr[] 创建自己的选择器。示例:

$.extend($.expr[':'], {
   'id': function(elem, i, attr){   
      return( elem.id === attr[3] );
   }
});

用法是:

$(':id(foo.bar)');

演示:http://www.jsfiddle.net/cwwGk/1/