使用chrome dev工具获取jquery选择器

时间:2013-08-02 19:41:34

标签: jquery google-chrome-devtools

我正在尝试使用吊牌下的chrome dev工具来查找jquery路径/选择器。我有以下HTML:

 <p class="lead">More complex content example:</p>
<div id="tab" class="btn-group" data-toggle="buttons-radio">
<a href="#prices2" class="btn btn-large btn-info active" data-toggle="tab">Prices</a>
 <a href="#features2" id="2" name="button1" class="btn btn-large btn-info" data-  toggle="tab">Features</a>
 <a href="#requests2" id="2" name="button2" class="btn btn-large btn-info" data-toggle="tab">Requests</a>

我尝试使用以下方法寻找'a'选择器:

$ .a
undefined
$a
ReferenceError: $a is not defined
$.a
undefined
$[a]
ReferenceError: a is not defined
$(a)
ReferenceError: a is not defined
$[a]
ReferenceError: a is not defined
$.[a]
SyntaxError: Unexpected token [
$.(a)
如你所见,它不起作用。我需要什么来找到正确的选择器路径?

1 个答案:

答案 0 :(得分:4)

$是一个函数,就像任何其他函数一样

function sum(value1, value2) {
    return value1 + value2;
}

它被称为

var result = sum(2, 4);

因此,selecting a element using jQuery看起来像这样:

var result = $("a");