在jQuery中编写更好的选择器

Question

编写以下选择器的最佳方法是什么？

id = "#id",
$id = $("#id");
//works but seems wrong    
$($id, 'a').click(function(){
 //do stuff..
});

//this was not working for me.
$id.find('a').click(function(){
 // do stuff...
});

Answer 1

较短查找的正确语法是：

$('a', $id).click(function(){
 //do stuff..
});

这会在$id

中找到所有锚标记

将它与find fn：

一起使用

$id.find('a').click(function(){
 // do stuff...
});

这一切都假设你的标记是这样的：

<div id='id'> //div or any other html element
    ... any code
    <a href.... ></a> << the anchor can be anywhere inside this div
</div>

Answer 2

上下文is the second argument，而不是第一个。

$('a', '#id').click(function(){
 //do stuff..
});

Answer 3

$("#id a").click(function() {} );

或

$("#id > a").click(function() {} );