jQueryセレクタにスペースが含まれている注意事項

3267 ワード

セレクタのスペースも無視できません.1つ以上のスペースと1つ少ないスペースでは、異なる結果が得られます.
例は次のとおりです.
<div class="test">
    <div style="display:none;">aadiv>
    <div style="display:none;">bbdiv>
    <div style="display:none;">ccdiv>
    <div class="test" style="display:none;">dddiv>
div>

<div class="test" style="display:none;">eediv>
<div class="test" style="display:none;">ffdiv>

次のJQueryセレクタを使用してそれぞれ取得します.
var $t_a = $(".test :hidden"); //       
var $t_b = $(".test:hidden");  //        
var len_a = $t_a.length;
var len_b = $t_b.length;
console.log(len_a) //    4
console.log(len_b) //    3
$(".test :hidden") test ( ) $(".test:hidden") test ( )
注意スペースと>の区別$("div span")
$("div > span")