Attribute Contains Prefix Selector [name|="value"]

by prabhu5013

HTML

<div id="A1A">111111111</div>
<div id="A21A1">22222222222</div>
<div id="A32 1A">3333333333</div>
<div id="A1A-b">444444444444 </div>
<div id="A1Ab">555555555555 </div>

JavaScript

//equalto or following by hyphen
$("div[id|='A1A']").css('color','red');
//contains
$("div[id*=b]").css('color','Blue');

//word
$("div[id~=1A]").css('color','Violet');

//endwith
$("div[id$=1A]").css('font-Size','25px');

//not equal to
$("div[id!=A1A]").css('font-style','italic');
//startswith

$("div[id^=A1]").css('text-decoration','underline');