ребята, я мобильный разработчик, пытающийся лучше понять JQuery. Я купил книгу много примеров. Один из них следующий код:
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Select Hidden</title>
<script src="jquery-1.11.0.min.js"></script>
<script>
$( document ).ready( function() {
var i = 0, str = "Hidden: " ;
var hid = $( "body" ).find( "*" ).filter( ":hidden" ) ;
for( ; i < hid.length; i++ )
{ str += ( hid[i].tagName + " | " ) } ;
$( "#out" ).text( str + hid.length ) ;
} ) ;
</script>
</head>
<body>
<h1>jQuery</h1>
<div style="display:none"><b>Hidden Text</b></div>
<p>Output: <span id="out"></span></p>
</body>
</html>
Предполагается, что должна отображаться строка, содержащая все скрытые элементы (DIV и B):
jQuery
Вывод: скрыт: DIV |Б |2
Легко понять и точно, что выходит, когда открывается в Firefox. Но в Chrome получилось следующее:
jQuery Вывод: Hidden: DIV |Б |SPAN |3
Итак, тег SPAN рассматривается как скрытый элемент. Кто-нибудь знает, почему это происходит?
Добавлен скриншот:
