ইকুয়াল সিলেক্টর(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 :
<!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>
ফলাফল(output):
Not equal Selector Syntax : $('[A!="B"]')
Description :
ঐ সকল element কে select কর যাদের A attribute এর value 'B' ছাড়া অন্য কোন string।উদাহরন Code :
<!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>
ফলাফল(output):
লেখকঃ ঢাকা প্রকৌশল ও প্রযুক্তি বিশ্ববিদ্যায়ের(DUET) কম্পিউটার সায়েন্স এ্যান্ড ইঞ্জিনিয়ারিং(CSE) বিভাগের ৪র্থ বর্ষের এক জন ছাত্র। তিনি ওয়েব ডিজাইন, ওয়েব ডেভলপমেন্ট এর বিভিন্ন বিষয় যেমন : এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট, জে কোয়েরি, পিএইচপি, .Net ইত্যাদি বিষয়ের উপর অভিজ্ঞ। তিনি ACM ICPC সহ বিভিন্ন আন্তর্জাতিক প্রোগ্রামিং প্রতিযোগীতায় অংশগ্রহন করেছেন। তাকে ফেসবুকে অনুসরন করতে এখানে ক্লিক করুন।