HTMLCollection, NodeList ? DOM ?? ??? ??? ??

DOM ?? ? ? ?? ?? ??? ??? ?????. NodeList ? ?? ??. ??? ? ???? ?? ??? ???? ??? ??? ??? ????.

HTMLCollections? NodeLists

HTMLCollections? ?? ?? ??? ???? HTML ?? ???? ?????. ?? Document ??? getElementsByTagName() ???? ?? ?????. HTMLCollection? ?????? DOM? ?? ?? ?? ??? ???? ?????. ?? ???? ?? ?? ??? ?? ???? ? ????.

NodeLists? ?? ??? ??(HTML ??, ??? ?? ? ?? ??)? ??????. querySelectorAll() ? childNodes()? ?? ??? DOM ???? ?? ?????. NodeList? ?????. ?, ????? ?????? ?? ? DOM? ?? ??? ???? ????.

jQuery ??? HTMLCollections ? NodeList

jQuery ??? HTMLCollections? ???? ??? ????. ?? NodeList. jQuery ??? DOM ??? ????? JavaScript ?????. ?? DOM ??? ???? jQuery? ??? API? ???? ?? ??? ????? ?? ??? ?????? ?????.

jQuery ???? ??, ??? ?? ?? ?? ??? Node? ??? ? ????. NodeList? ????? jQuery ??? ?????. ??? jQuery? $(...).live() ???? ???? ??? HTMLCollection?? ??? ? ????.

JavaScript ?? ? ???

HTMLCollections ? NodeList ??? ??? ??? ?? ????. JavaScript? ?? ??. ?? ?? ??? ?? DOM ??? ??? ??? ? ????.

<code class="javascript">const elements = [document.getElementById("myElement1"), document.getElementById("myElement2")];</code>

JavaScript? ??? ???? DOM? ?? ?? ??? ???? ????. ?? HTMLCollections ?? jQuery ??? ?? ?? ???? ?? ???? ???? ????.

? ? ??

?? ????? ??? ??? ?? ?? ?? ???? ?????.

<code class="javascript">$(function(){
    console.log('[123,&quot;abc&quot;,321,&quot;cba&quot;]=',[123,&quot;abc&quot;,321,&quot;cba&quot;]);
    console.log('{123:123,abc:&quot;abc&quot;,321:321,cba:&quot;cba&quot;}=',{123:123,abc:&quot;abc&quot;,321:321,cba:&quot;cba&quot;});
    console.log('Node=',Node);
    console.log('document.links=',document.links);
    console.log('document.getElementById(&quot;myTable&quot;)=',document.getElementById(&quot;myTable&quot;));
    console.log('document.getElementsByClassName(&quot;myRow&quot;)=',document.getElementsByClassName(&quot;myRow&quot;))
    console.log('document.getElementsByTagName(&quot;td&quot;)=',document.getElementsByTagName(&quot;td&quot;));
    console.log('$(&quot;#myTable&quot;)=',$(&quot;#myTable&quot;));
    console.log('$(&quot;td&quot;)=',$(&quot;td&quot;));
});</code>

? ????? ?? ??? ?????.

[123,"abc",321,"cba"]=[123, "abc", 321, "cba"]
{123:123,abc:"abc",321:321,cba:"cba"}=Object { 123=123, abc="abc", 321=321, more...}
Node= undefined
document.links= HTMLCollection[a #, a #]
document.getElementById("myTable")= <table>
document.getElementsByClassName("myRow")= HTMLCollection[tr.myRow, tr.myRow]
document.getElementsByTagName("td")= HTMLCollection[td, td, td, td]
jQuery("#myTable")= [table#myTable]
jQuery("td")= [td, td, td, td]

? ??? ??? ?? ??? ???? ?? Q&A ?? ??? ??? ????. ? ? ??? ??: * HTMLCollection, NodeList ? DOM ?? ??? ???? ?????? * DOM ???: HTMLCollections, NodeLists ? Arrays - What\'s t? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!