jQuery चयनकर्ताओं में प्रत्यक्ष वंशज (>) बनाम वंशज क्या अंतर है?

Question

इन दो jQuery कथनों के बीच क्या अंतर है? वे सभी बच्चों को div टैग प्राप्त करके एक ही काम करते हैं।

$("#mainblock div") 

$("#mainblock > div") 

Answer 1

$("#mainblock > div") के तत्काल बच्चे हैं मिल जाएगा = बच्चे केवल स्तर

$("#mainblock div") = सभी बच्चे + desendents। पदानुक्रम सभी प्रत्यक्ष बच्चे तत्वों "जनक" द्वारा निर्दिष्ट तत्वों की "बच्चा" द्वारा निर्दिष्ट का चयन करता है -

Answer 2

पहले एक #mainblock के सभी div रों वंशज मिल जाएगा। दूसरा एक सब div कि #mainblock

Answer 3

jQuery Selectors पर एक नज़र

Child Selector ("parent > child") है।

Descendant Selector ("ancestor descendant")- पदानुक्रम सभी तत्वों का चयन करता है जो किसी दिए गए पूर्वजों के वंशज हैं।

Answer 4

$("#mainblock div") 

किसी भी div तत्व से मेल खाता है जो #mainblock के वंशज है।

$("#mainblock > div") 

किसी भी div तत्व से मेल खाता है जो #mainblock का बच्चा है।

जांच http://www.w3.org/TR/CSS2/selector.html

Answer 5

पहले एक किसी भी div किसी भी स्तर पर `#mainblock 'का एक बच्चा है कि चयन करेंगे। दूसरा कोई भी डिवीजन चुनता है जो तत्काल बच्चा है।

सीएसएस > चयनकर्ता पर अधिक जानकारी के लिए यह देखें jQuery जैसा व्यवहार करता है।

Answer 6

$("#mainblock div") 

यह एक लक्ष्य सभी DIVs अंदर "#mainblock" यह "#mainblock" के प्रत्यक्ष बच्चे, या मुख्य ब्लॉक या इतने पर के बच्चे के बच्चे है कोई फर्क नहीं।

$("#mainblock > div") 

यह "#mainblock" के केवल प्रत्यक्ष बच्चे डीआईवी को लक्षित करेगा और अन्य डीआईवी को अनदेखा करेगा। यदि आपके पास केवल प्रत्यक्ष बच्चे हैं तो यह उपरोक्त तेज़ है। क्योंकि यह बच्चों के अन्य तत्वों के अंदर खोजने की कोशिश नहीं करता है।

Answer 7

$ ("# mainblock div") #mainblock के तहत सभी divs लगता है

$ ("# mainblock> div") केवल अपने बच्चे को पाया

मान लीजिए आप HTML संरचना नीचे है:

<div id="mainblock"> 
     <div> 
     <div></div> 
     <div></div> 
     </div> 
    <div></div> 
    <div></div> 
    </div> 

फिर

$("#mainblock div").length = 5 
$("#mainblock > div").length = 3