jQuery लाइब्रेरी की प्रैक्टिस
सभी पैराग्राफ p, जिनके अंदर
b टैग है, उन्हें
div टैग में लपेटें।
www क्लास वाले सभी पैराग्राफ p ढूंढें,
उनके शुरुआत में '!' टेक्स्ट डालें,
फिर इन पैराग्राफ के साथ-साथ h1-h6
हेडिंग्स भी जोड़ें और इन पैराग्राफ और हेडिंग्स
को लाल रंग में रंग दें।
सभी पैराग्राफ p ढूंढें और उन्हें
समान सामग्री वाले div टैग से बदल दें।
सभी
अनअक्षम
चेकबॉक्स
को <a href="/hi/markup/manual/html/attr/checked/">'चयनित'</a> स्थिति दें।
#test एलिमेंट दिया गया है। इसके ठीक ऊपर वाले
पड़ोसी को '!' टेक्स्ट दें, और नीचे वाले
पड़ोसी को - '?' टेक्स्ट दें।
इस समस्या को एक चेन में हल करें।
#test एलिमेंट दिया गया है। इसके ठीक ऊपर और
नीचे वाले पड़ोसियों को #test एलिमेंट का
टेक्स्ट दें।
#test एलिमेंट दिया गया है। इसके ऊपर वाले पड़ोसियों
में से निकटतम पैराग्राफ ढूंढें और उसे #test
एलिमेंट का टेक्स्ट दें।
पृष्ठ पर दूसरा li ढूंढें,
उसे www क्लास दें, उसे
अंदर से i टैग में लपेटें,
उसके बाद li 'नमस्ते' टेक्स्ट के साथ डालें।
पृष्ठ पर दसवां li ढूंढें,
उसके पैरेंट को ढूंढें, पैरेंट के ठीक ऊपर वाले
पड़ोसी को प्राप्त करें, उसे
<div class="www"></div> में लपेटें।
www क्लास वाले पैराग्राफों को छोड़कर,
प्रत्येक पैराग्राफ p के अंत में उसका
क्रम संख्या जोड़ें।
सभी पैराग्राफ p ढूंढें और
प्रत्येक पैराग्राफ से पहले उसकी एक कॉपी रखें।
कॉपी को लाल रंग में रंगें, और मूल पैराग्राफ को हरे रंग में।
p पैराग्राफ ढूंढें, जो
h2 के ठीक नीचे हैं
और प्रत्येक पैराग्राफ को ऐसे स्थानांतरित करें कि वह
h2 के ठीक ऊपर आ जाए।
सभी खाली पैराग्राफ p
(बिना टेक्स्ट के) ढूंढें और उनमें
ठीक ऊपर वाले पड़ोसी का टेक्स्ट डालें।
b टैग के पैरेंट को, यदि वह
www क्लास वाला एलिमेंट है या पैराग्राफ
p है, तो उसे लाल रंग दें और
टेक्स्ट
का आकार 30px कर दें।
सभी खाली पैराग्राफ p को
उनके ऊपर के निकटतम h2 टैग का टेक्स्ट दें।
संख्या वाले इनपुट दिए गए हैं। ऐसा करें कि इनपुट में उन संख्याओं के वर्ग आ जाएं।
#test एलिमेंट दिया गया है। इसके शुरुआत में ठीक ऊपर वाले
पड़ोसी का टेक्स्ट दें, और अंत में
- ठीक नीचे वाले पड़ोसी का टेक्स्ट दें।
#test एलिमेंट दिया गया है। इसके ऊपर वाले दूसरे पड़ोसी
और नीचे वाले दूसरे पड़ोसी को ढूंढें। ऐसा करें
कि मिले हुए एलिमेंट्स एक-दूसरे से टेक्स्ट बदल लें
(ऊपर वाला पड़ोसी नीचे वाले पड़ोसी का टेक्स्ट ले ले और इसका उल्टा)।
div एलिमेंट दिया गया है।
इसमें से सभी तत्काल चिल्ड्रन को चुनें, जो
हेडिंग नहीं हैं और उन्हें लाल रंग में रंग दें।
सभी पैराग्राफ p ढूंढें, उन्हें
लाल रंग में रंग दें। फिर मिले हुए पैराग्राफों में से
www क्लास वाले पैराग्राफ चुनें और उन्हें
'!' टेक्स्ट दें।
www क्लास वाले सभी पैराग्राफ p ढूंढें,
उन्हें लाल रंग में रंग दें।
फिर मिले हुए पैराग्राफों में से पहला चुनें
और उसे '!' टेक्स्ट दें, फिर आखिरी चुनें
और उसे '?' टेक्स्ट दें।
इस समस्या को एक चेन में हल करें।
सभी पैराग्राफ p ढूंढें,
प्रत्येक के अंत में वही टेक्स्ट डालें, जो
उसके अंदर है (यानी पैराग्राफ में टेक्स्ट
दो बार लिखा जाएगा)।
सभी पैराग्राफ p ढूंढें,
प्रत्येक के अंत में उसका क्रम संख्या
सेट में डालें।
संख्या वाले पैराग्राफ दिए गए हैं। प्रत्येक के अंत में वह संख्या डालें, जो उसमें संग्रहित है, उसके सेट में क्रम संख्या से गुणा करके।
पैराग्राफ p पर क्लिक करने पर
उसके ठीक ऊपर और नीचे वाले पड़ोसियों को हटा दें।
पैराग्राफ p पर क्लिक करने पर
उसके ऊपर के सभी पड़ोसियों को पहली हेडिंग
h1-h6 तक हटा दें
(यानी उस हेडिंग के ऊपर वाले एलिमेंट्स और खुद हेडिंग
को न हटाएं)।
पैराग्राफ p पर क्लिक करने पर
उसके निकटतम नीचे वाले पड़ोसी को
www क्लास के साथ हटा दें।
पैराग्राफ p पर क्लिक करने पर
उसके नीचे वाले पांचवें पड़ोसी को हटा दें।
पैराग्राफ p पर क्लिक करने पर
उसके नीचे वाले पांचवें पड़ोसी को हटा दें, यदि वह
h2 नहीं है।
पैराग्राफ p पर क्लिक करने पर
उसके नीचे वाले पांचवें पड़ोसी को हटा दें, यदि यह पड़ोसी
के अंदर b टैग नहीं है।
पैराग्राफ p पर क्लिक करने पर
उसके नीचे वाले पांचवें पड़ोसी को हटा दें, यदि यह पड़ोसी
h2 के ठीक बाद नहीं खड़ा है।
#test एलिमेंट दिया गया है। इस
एलिमेंट को उसके ठीक नीचे वाले
पड़ोसी के साथ स्थान बदल दें।
#test एलिमेंट दिया गया है। इसके
ठीक नीचे वाले पड़ोसी के बाद
हमारे एलिमेंट की एक कॉपी डालें।
#test एलिमेंट दिया गया है। इस
एलिमेंट को उसके निकटतम नीचे वाले पड़ोसी
के साथ स्थान बदल दें, जिसमें www क्लास हो।
सभी पैराग्राफ p ढूंढें, जो
एक ही पैरेंट के अंदर एक
और दूसरे h2 के बीच स्थित हैं।
प्रत्येक पैराग्राफ p को बाहर
और अंदर से div में लपेटें।
सभी पैराग्राफ p ढूंढें, जिनके
तत्काल पैरेंट div नहीं हैं
और उनमें से प्रत्येक को <div class="www"></div> में लपेटें।
सभी पैराग्राफ p ढूंढें। उनके
पैरेंट को हटा दें (उसका unwrap कर दें),
यदि यह पैरेंट div www क्लास के साथ नहीं है।
फिर उन पैराग्राफों के लिए, जिनके
पैरेंट हटाए गए थे, उन्हें div
में zzz क्लास के साथ लपेटें।
#test एलिमेंट के सभी
पैरेंट्स ढूंढें और इन पैरेंट्स के CSS क्लासेस
की एक सरणी बनाएं।
सभी पैराग्राफ p ढूंढें, जिनमें
class एट्रिब्यूट है, और उनमें से प्रत्येक को
div में उन्हीं क्लासेस के साथ लपेटें,
जैसे मिले पैराग्राफ में हैं, और प्रत्येक
पैराग्राफ की क्लासेस को class एट्रिब्यूट के साथ
हटा दें।
#test से सभी पैराग्राफ p ढूंढें,
उनके अंत में '!' टेक्स्ट डालें, फिर मिले हुए
में से www क्लास वाले पैराग्राफों को बाहर कर दें
और बचे हुए को लाल रंग दें।
पृष्ठ पर सभी li ढूंढें,
फिर मिले हुए में से दूसरे आखिरी से पहले
एक और li 'आइटम' टेक्स्ट के साथ डालें।
पृष्ठ पर सभी li ढूंढें,
फिर मिले हुए में से अंत से दूसरा, तीसरा
और चौथा चुनें और उन्हें '!' टेक्स्ट दें।
#test वाला ol ढूंढें
और उसमें सभी li
को उल्टे क्रम में व्यवस्थित कर दें।
#test एलिमेंट दिया गया है। इसके
ऊपर के सभी पड़ोसियों और नीचे के सभी पड़ोसियों को ढूंढें और
उनके स्थान आपस में बदल दें (यानी एलिमेंट से पहले वाली सभी चीजें
उसके बाद आ जाएं और इसका उल्टा)।
www क्लास वाले सभी li प्राप्त करें,
उन्हें लाल रंग दें, फिर
मिले हुए में से वे li ढूंढें,
जिनमें bbb क्लास है और उन्हें
हटा दें। सब कुछ एक चेन में हल करें।
पृष्ठ पर सभी li प्राप्त करें।
प्राप्त में से सम को खाली कर दें, और
विषम को हटा दें।
सभी div टैग ढूंढें और उनकी
ऊंचाई दोगुनी कर दें।
पृष्ठ पर सभी div
की ऊंचाई का योग ज्ञात करें।
#test एलिमेंट के लिए www क्लास वाला निकटतम
पैरेंट ढूंढें, इस
पैरेंट के अंत में '!' टेक्स्ट वाला एक पैराग्राफ जोड़ें।
#test एलिमेंट पर क्लिक करने पर उसका
निकटतम पैरेंट www क्लास के साथ ढूंढें,
इस पैरेंट के अंदर सभी पैराग्राफ ढूंढें और उन्हें
लाल रंग में रंग दें।
पृष्ठ पर पहले 10 li
को लाल रंग में रंग दें।
पृष्ठ पर 5-वें से 10-वें li
तक को लाल रंग में रंग दें।
पृष्ठ पर आखिरी 10 li
ढूंढें, उन्हें लाल रंग में रंग दें।
फिर मिले हुए में से सम li ढूंढें
और उन्हें अंदर से b टैग में लपेटें।
पृष्ठ पर चेकबॉक्स दिए गए हैं। गिनें कि उनमें से कितने चयनित हैं।
5
चेकबॉक्स
दिए गए हैं।
ऐसा करें कि उपयोगकर्ता द्वारा
उनमें से दो को चयनित करने के बाद, सभी चेकबॉक्स
अक्षम हो जाएं।
ऐसा करें कि सभी चयनित चेकबॉक्स अचयनित स्थिति में बदल जाएं और इसका उल्टा।
इनपुट
दिया गया है।
value एट्रिब्यूट की सामग्री को
placeholder
एट्रिब्यूट में स्थानांतरित कर दें,
और value एट्रिब्यूट को पूरी तरह से हटा दें।
लिंक
दी गई है।
यदि href एट्रिब्यूट http:// से शुरू होता है,
तो लिंक को target="_blank" एट्रिब्यूट जोड़ दें।
इनपुट दिया गया है, जिसमें एक संख्या दर्ज की जा सकती है। ऐसा करें, कि इस इनपुट में संख्या दर्ज करने और फोकस खोने पर पृष्ठ पर उस नंबर वाला चेकबॉक्स ढूंढा जाए और चयनित हो जाए, और बाकी चेकबॉक्स अचयनित हो जाएं।
सिलेक्ट और रेडियो बटन दिए गए हैं, रेडियो की संख्या सिलेक्ट में आइटम की संख्या के बराबर है। ऐसा करें, कि सिलेक्ट में आइटम चुनने पर स्वचालित रूप से संबंधित रेडियो बटन चयनित हो जाए (अनुक्रम संख्या के अनुसार correspondence: पहला आइटम सूची - पहला रेडियो और इसी तरह)।