Вибір елементів за html-тегом, id, class, вибір всіх (*) елементів та визначення кількості елементів (довжину вибірки - length), що увійшли до вибірки.

Вказавши тег div - виберуться всі блоки div в документі.

$('div')

Частіше виникає необхідність зробити вибірку всіх блоків в середені іншого блоку з певним ідентифікатором (id або class ).

Приклади

Для зазначеної конструкції встановимо рамки блоків здійснивши вибір за допомогою id (червоні рамки) та class (сині рамки)

   
1
	
   
2
	
   
3
 

$('#b1').click(function (){
        $('#idfb div').css("border","3px solid red");
        /*вибираємо блок по id і всередені нього всі блоки div*/
});
$('#b2').click(function (){
        $('.cfb div').css("border","3px solid blue");
         /*вибираємо блок по class і всередені нього всі блоки div*/
});

'*' - вказавши у якості селектора * ("зірочку"), можно вибрати всі DOM - елементи документа або батьківського елемента

 
   
   
4
	
   
5
	
   
6
     
 
 
 

$('#bt2').click(function (){
        $('#div2 *').css("border","3px solid red");
});

length- визначаємо кількість елементів, що попали у вибірку (довжину вибірки).

 
 
   
1
	
   
2
	
   
3
   
4
	
   
5
  
 
 
 
Розмір вибірки: _ елементів
 

$('#s2').click(function (){
	    var countDiv=$(".dv2 div").length;
	    $("#linfo").text(countDiv);/*виводимо інформацію*/
});

 ;