ইকুয়াল এবং নট ইকুয়াল সিলেক্টর(Equal & not equal Selector):জে-কোয়েরী -(পর্ব-১৫)

ইকুয়াল সিলেক্টর(Equal Selector) ঐ সকল উপাদানকে খুঁজে বের করবে যাদের
attribute এর value ঠিক searching value এর মত। অপরদিকে not equal Selector টি, যাদের attribute এর value searching value না তাদেরকে খুঁজে বের করবে। অর্থাৎ, not equal Selector টি equal Selector টির ঠিক বিপরীত।

Equal selector Syntax : $(‘[A =”B”]’)

Description :

ঐ সকল element কে select কর যাদের A attribute এর value ঠিক ‘B’।

উদাহরন Code :

[sourcecode language=”html”]
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div>
<label>
<input type="radio" name="newsletter" value="Hot Fuzz" />
<span>name?</span>
</label>
</div>
<div>
<label>
<input type="radio" name="newsletter" value="Cold Fusion" />
<span>value?</span>
</label>
</div>
<div>
<label>
<input type="radio" name="newsletter" value="Evil Plans" />
<span>value?</span>
</label>
</div>
<script>
$(‘input[value="Hot Fuzz"]’).next().text(" Hot Fuzz");
</script>

</body>
</html>
[/sourcecode]

ফলাফল(output):

Selector Example

Not equal Selector Syntax : $(‘[A!=”B”]’)

Description :

ঐ সকল element কে select কর যাদের A attribute এর value ‘B’ ছাড়া অন্য কোন string।

উদাহরন Code :

[sourcecode language=”html”]
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div>

<input type="radio" name="newsletter" value="Hot Fuzz" />
<span>name is newsletter</span>

</div>
<div>
<input type="radio" value="Cold Fusion" />
<span>no name</span>

</div>
<div>
<input type="radio" name="accept" value="Evil Plans" />

<span>name is accept</span>
</div>
<script>
$(‘input[name!="newsletter"]’).next().append(‘<b>; not newsletter</b>’);
</script>

</body>
</html>
[/sourcecode]

ফলাফল(output):

Selector Example

………………………………………………………………………………
আজ এখানেই শেষ করলাম। “HAVE A GOOD PROGRAMMING”

জে-কোয়েরী ধারাবাহিক টিউটোরিয়ালঃ