div中的jQuery选择器_Jquery_Jquery Selectors

div中的jQuery选择器

jquery

div中的jQuery选择器,jquery,jquery-selectors,Jquery,Jquery Selectors,嗨，我是jQuery的新手我有以下HTML块： <html> <body> <p>Paragraph1</p> <p>Paragraph2</p> <div id = "mydiv"> <p>Paragraph3</p> <p>Paragraph4</p> </div> </bod

嗨，我是jQuery的新手

我有以下HTML块：

<html>
<body>
    <p>Paragraph1</p>
    <p>Paragraph2</p>
    <div id = "mydiv">
        <p>Paragraph3</p>
        <p>Paragraph4</p>
    </div>
 </body>
</html>


第1段
第2段
第3段
第4段

如果我使用$（“p”），那么这将选择每个段落。但是如何选择“mydiv”中的所有段落呢

谢谢

您所要做的就是：

$('#mydiv p')

$('#mydiv p')

您可以设置上下文

$('p','#mydiv') // equal to $('#mydiv').find('p')

或

享受吧！您可以像这样级联选择器

$("#mydiv p")

您还可以使用以下选项：

$("#mydiv > p")

另一种方法是定义上下文：

$('p', '#mydiv");

或者你可以：

$('#mydiv').find('p')

查找文档所花费的时间比编译一个问题要少得多。上下文形式有什么特别之处吗？@LiviuT。不。。但是，当您必须使用

此

时，它非常有用。。而不是写

$（this）.find（'which'）

。。您只需编写

$（'whatever'，this）

即可，只需注意，与

查找

或上下文选择器不同，此选择器可以充分受益于DOM QSA性能提升。我个人认为这是最容易理解的，因为任何一个具有极其基本的CSS选择器理解的人都能理解。

$('#mydiv').find('p')