12. Вибір по атрибуту

Вибір здійснюється по значенню атрибута, по його наявності, по початку, або частині його значення

$('img[width=120]') - по значенню атрибуту, не по розміру
$('img[alt]') - по наявності атрибуту
$('img[width ^=1]') - по початковому значенню атрибуту
$('img[src *=list') - по частині значення

Приклади

<div  class="dv2">.dv2 
   <img src="images/leaf.jpg"  width="120"/>
   <img src="images/list.jpg" alt="великий" />   
</div>
.dv2 великий
Вибір по атрибуту (не по розміру малюнку)
Вибір по наявності атрибуту alt
Вибір по початку атрибуту
Вибір по наявності в атрибуті
$('#btn1').click (function(){
		    $('#attrWidth  img[width=120]').css('border',"3px solid red");
});
$('#btn2').click (function(){
		    $('.dv2  img[alt]').css('border',"3px solid red");
});
$('#btn3').click (function(){
		    $('.dv2  img[width^=1]').css('border',"3px solid red");
});

$('#btn4').click (function(){
		    $('.dv2  img[src*=list]').css('border',"3px solid red");
});

далі ✏
Ігор Ка