Что означают символы точки и хэша в JQuery?

Question

Я чувствую запутаться символов точечными и хэш в следующем примере:

<DIV ID="row"> 
<DIV ID="c1">    
<Input type="radio" name="testing" id="testing" VALUE="1">testing1 
</DIV> 
</DIV> 

Код 1:

$('#row DIV').mouseover(function(){  
    $('#row DIV').addClass('testing'); 
    }); 

Код 2

$('.row div').mouseover(function(){ 
     $(this).addClass('testing'); 
    });​ 

коды 1 и 2 выглядят очень похоже, и поэтому меня так путают, что
, когда я должен использовать «.row div» для ссылки на конкретный DIV вместо использования «#row div»?

Answer 1

Хэш (#) указывает, чтобы выбрать элементы по их идентификаторам

дот определяет для выбора элементов их имя класса

Вы можете прочитать больше о селекторов здесь (.): http://api.jquery.com/category/selectors/basic-css-selectors/

Answer 2

"." относится к классу, а «#» относится к идентификаторам.

<table id="table"> 
    <tr class="odd"></tr> 
    <tr></tr> 
    <tr class="odd"></tr> 
</table> 

$ ("# стол") бы получить полный объект таблицы, в то время как $ ("нечетный") получит все с классом "нечетным". $ ("tr.odd") будет получать таблицы только с этим классом.

Answer 3

. определяет класс , называемый «строка». # указывает id, называемый «строка».

Answer 4

$ ('строка ') будет выбрать любой элемент с class="row"

$ (' # строки') будет выбрать элемент с id=row

Check the jQuery page on selectors.

Answer 5

Это селектор CSS.

Хеш-символ # означает, что элемент является идентификатором. Таким образом, #row будет соответствовать <div id="row">.

В качестве альтернативы, символ точки . означает, что этот элемент является классом CSS. Таким образом, .row будет соответствовать <div class="row">.

Более подробная информация на W3C.