jQueryセレクタにスペースが含まれている注意事項
3267 ワード
セレクタのスペースも無視できません.1つ以上のスペースと1つ少ないスペースでは、異なる結果が得られます.
例は次のとおりです.
次のJQueryセレクタを使用してそれぞれ取得します.
注意スペースと>の区別
例は次のとおりです.
<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")
・