.not() से एलिमेंट बाहर करना
मिलान किए गए सेट से विशिष्ट एलिमेंट को सटीक रूप से बाहर करने, अपने चयन को परिष्कृत करने और कुछ एलिमेंट पर अनपेक्षित संचालन रोकने के लिए .not() विधि में निपुण बनें।
.not() से एलिमेंट बाहर करना, CoddyKit पर jQuery Academy का एक निःशुल्क पाठ है। यह 3 में से 3वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह jQuery Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। jQuery Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।
.not() का परिचय
स्वागत है! इस lesson में हम jQuery के शक्तिशाली .not() method में महारत हासिल करेंगे। यह आपके element selections को refine करने के लिए आवश्यक है।
.not() method matched elements के समूह से विशिष्ट elements को बाहर करने देता है, जिससे यह सटीक नियंत्रण मिलता है कि आपके operations किन elements को प्रभावित करें।
Selector String के आधार पर बाहर करना
.not() का सबसे सामान्य उपयोग CSS selector string पास करना है। इसके बाद jQuery वर्तमान selection से उन सभी elements को हटा देता है जो इस नए selector से match करते हैं।
- पहले व्यापक रूप से select करें।
- फिर, अनचाहे elements को filter out करने के लिए
.not()का उपयोग करें।
यह तब उपयोगी है जब 'सब कुछ' चुनना और फिर यह बताना आसान हो कि क्या 'हटाना' है।
Class Selector के साथ .not()
यह उदाहरण आज़माइए। हम सभी div elements को चुनेंगे, फिर class .special वाले elements को बाहर करने के लिए .not() का उपयोग करेंगे। केवल non-special divs पर style लागू होगी।
<!DOCTYPE html>
<html>
<head>
<style>
.red { color: red; }
</style>
</head>
<body>
<div class="box">Item 1</div>
<div class="box special">Item 2</div>
<div class="box">Item 3</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
// Select all .box divs, then exclude the one with .special
$('.box').not('.special').addClass('red');
});
</script>
</body>
</html>विशिष्ट Elements को बाहर करना
Selector string के अलावा, आप किसी DOM element या jQuery object को भी सीधे .not() में पास कर सकते हैं।
यह तब उपयोगी होता है जब आपके पास उस exact element (या elements) का reference पहले से हो जिसे आप वर्तमान selection से बाहर करना चाहते हैं।
Element Reference के साथ .not()
इस उदाहरण में हम सभी list items (<li>) चुनते हैं। फिर हम उसके ID (#item2) से एक specific item की पहचान करते हैं और उसे styling operation से बाहर करने के लिए .not() का उपयोग करते हैं।
<!DOCTYPE html>
<html>
<head>
<style>
.bold { font-weight: bold; }
</style>
</head>
<body>
<ul>
<li>List Item 1</li>
<li id="item2">List Item 2</li>
<li>List Item 3</li>
</ul>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
// Select all <li>, then exclude the specific #item2
$('li').not($('#item2')).addClass('bold');
});
</script>
</body>
</html>Function से Custom Exclusion
अत्यधिक dynamic या जटिल exclusion logic के लिए आप .not() में कोई function पास कर सकते हैं।
- यह function वर्तमान set के प्रत्येक element के लिए चलता है।
- यदि function
trueलौटाता है, तो वह element बाहर कर दिया जाता है। thisउस वर्तमान DOM element को दर्शाता है जिस पर processing हो रही है।
Function के साथ .not() का उदाहरण
यहाँ हम उन paragraphs को छोड़कर सभी को style करना चाहते हैं जिनमें 'exclude' शब्द है। Function प्रत्येक paragraph की text content की जांच करती है।
<!DOCTYPE html>
<html>
<head>
<style>
.italic { font-style: italic; }
</style>
</head>
<body>
<p>This is a normal paragraph.</p>
<p>This paragraph contains 'exclude'.</p>
<p>Another normal paragraph here.</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('p').not(function() {
// Exclude paragraphs containing 'exclude'
return $(this).text().includes('exclude');
}).addClass('italic');
});
</script>
</body>
</html>सटीकता के लिए .not() को Chain करना
आप अत्यंत सटीक selections बनाने के लिए कई .not() calls को chain कर सकते हैं या .not() को अन्य filtering methods के साथ जोड़ सकते हैं।
प्रत्येक .not() call elements के वर्तमान set को और refine करते हुए आगे बढ़ने पर अधिक elements हटाती है। इसे उन elements की परतें हटाने जैसा समझें जिनकी आपको आवश्यकता नहीं है।
.not() का उपयोग कब करें
.not() इन स्थितियों में अत्यंत उपयोगी है:
- आपके पास व्यापक initial selection है और आप कुछ specific types को हटाना चाहते हैं।
- आपको ऐसे element को बाहर करना है जिसका direct reference आपके पास पहले से है।
- 'इन सबको छोड़कर बाकी सभी' कहना आपके code को अधिक स्पष्ट और पठनीय बनाता है।
यह पहले से जटिल negative selectors लिखे बिना अपना focus सीमित करने का एक सुंदर तरीका है।
त्वरित जांच: .not() का उपयोग
निम्नलिखित HTML पर विचार करें। कौन-सा jQuery code snippet ID "intro" वाले element को छोड़कर सभी <p> elements को सही ढंग से चुनेगा?
<div>
<p>Paragraph 1</p>
<p id="intro">Introduction</p>
<p>Paragraph 3</p>
</div>.not() में महारत का पुनरावलोकन
आपने jQuery के .not() method में सफलतापूर्वक महारत हासिल कर ली है!
हमने सीखा कि .not() निम्नलिखित के आधार पर elements को बाहर करके selections को refine करने के लिए महत्वपूर्ण है:
- CSS selector string (जैसे,
.not('.hide')) - कोई specific DOM element या jQuery object (जैसे,
.not(myElement)) - Custom और dynamic exclusion logic के लिए कोई function।
अपने jQuery selections को अधिक सटीक और कुशल बनाने के लिए अभ्यास करते रहें!
एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 22
- पाठ
- 48
अक्सर पूछे जाने वाले प्रश्न
क्या “.not() से एलिमेंट बाहर करना” पाठ निःशुल्क है?
हाँ — jQuery Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “.not() से एलिमेंट बाहर करना” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। jQuery Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।
“.not() से एलिमेंट बाहर करना” में मैं क्या सीखूँगा?
मिलान किए गए सेट से विशिष्ट एलिमेंट को सटीक रूप से बाहर करने, अपने चयन को परिष्कृत करने और कुछ एलिमेंट पर अनपेक्षित संचालन रोकने के लिए .not() विधि में निपुण बनें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ jQuery Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या jQuery Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर jQuery Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 3 में से 3वाँ पाठ है।
“.not() से एलिमेंट बाहर करना” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस jQuery Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर jQuery Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- कस्टम स्यूडो-सिलेक्टर बनाना
- .filter() के साथ उन्नत फ़िल्टरिंग
- .not() से एलिमेंट बाहर करना