HTML-जावास्क्रिप्ट विधि

| | | | | | | | | | | | | | | | | | | | | | | | | | | | | |

jQuery डेवलपर्स को प्रभावी रूप से एक गतिशील वेब अनुभव बनाने में मदद करने के लिए कई तरीके प्रदान करता है। JQuery html () विधि चयनित तत्व में सभी HTML को बदल देती है। यह तब उपयोगी होता है जब आप पेज के साथ इंटरैक्ट करने के बाद उपयोगकर्ता जो देखते हैं उसे गतिशील रूप से बदलना चाहते हैं।

इस गाइड में, हम सीखेंगे कि html () का उपयोग कैसे करें और इसका वाक्यविन्यास। हम html () का उपयोग करने के लिए चरण-दर-चरण दृष्टिकोण भी अपनाएंगे। jQuery html () jQuery लाइब्रेरी का एक मूलभूत तरीका है और अक्सर इसका उपयोग किया जाता है। मूल बातें सीखने के बाद, आप html () के साथ अभ्यास शुरू करने के लिए तैयार होंगे।

jQuery html () क्या है?

jQuery html () प्रत्येक तत्व की HTML सामग्री को मेल खाने वाले तत्वों के सेट में सेट करता है। ऐसी क्वेरी प्रदान करने में सावधानी बरती जानी चाहिए जो केवल आपके इच्छित HTML को बदलने के लिए पर्याप्त रूप से सटीक हो।

केवल सामग्री को html () से संपादित किया जाता है। यदि कोई स्टाइल शीट है, तो नई सामग्री की शैली पिछली सामग्री की तरह ही होगी। यह भी उल्लेखनीय है कि html () केवल HTML दस्तावेज़ पर काम करता है - यह XML के साथ काम नहीं करता है।

html () jQuery सिंटैक्स

याद रखें कि jQuery विधियों को पहले चयनकर्ता पर बुलाया जाता है। चयनकर्ता एक पहचानकर्ता के साथ

टैग जितना बड़ा या )। एक बार जब हम वांछित तत्व का चयन कर लेते हैं, तो हम html () को कॉल कर सकते हैं और एक HTML स्ट्रिंग को html () के पैरामीटर के रूप में पास कर सकते हैं। CSS चयनकर्ताओं की विस्तृत व्याख्या के लिए, हमारी मार्गदर्शिका देखें।

html () एक स्वीकार करता है एक पैरामीटर के रूप में शाब्दिक स्ट्रिंग या स्ट्रिंग युक्त एक चर। "नई सामग्री" की एक शाब्दिक स्ट्रिंग पास करना "नई सामग्री" का संदर्भ देने वाले एक चर को पारित करने के रूप में प्रस्तुत किया जाएगा।

मान लीजिए कि हमारे पास यह आसान है

हम पूरे

टैग:

उपरोक्त कोड नए HTML को इस प्रकार दिखाता है:

अगर वहाँ मूल

टैग से जुड़ी शैली थी, यह अब नई सामग्री के साथ सक्रिय नहीं होगी। एक साधारण स्ट्रिंग पास करना भी संभव है:

हमारा कोड HTML अब इस प्रकार है:

हम देख सकते हैं कि नई सामग्री में कुछ अंतर हैं। शाब्दिक स्ट्रिंग पास करना पिछली सामग्री की शैली को बनाए रखने का एक शानदार तरीका है। याद रखें कि एक शाब्दिक स्ट्रिंग केवल एक स्ट्रिंग है जिसमें वर्ण होते हैं। यदि नई सामग्री को चाइल्ड एलिमेंट बनाना है, तो HTML स्ट्रिंग का उपयोग करके आप ऐसा कर सकते हैं।

अब जबकि मूल सिंटैक्स को कवर कर लिया गया है, आइए एक उदाहरण पर एक नज़र डालते हैं। p>

jQuery html () उदाहरण

हमने देखा है कि कैसे html () हमारे "नई सामग्री" उदाहरण में चयनित तत्व की सामग्री को बदल देता है। यह एक शाब्दिक स्ट्रिंग या एक HTML स्ट्रिंग को एक पैरामीटर के रूप में पारित करके प्राप्त किया जा सकता है। आइए एक उदाहरण देखें जहां हम मूल शैली रखते हैं।

हमारे प्रारंभिक HTML पृष्ठ को देखते हुए, हम केवल "हैलो" शब्द को नीले रंग से शैलीबद्ध देखेंगे।

इस उदाहरण में, हम चाहते हैं मूल शैली को बनाए रखते हुए "हैलो" शब्द को नई सामग्री से बदलने के लिए। ऐसा करने के लिए, हम नीले वर्ग के नाम के साथ पैराग्राफ का चयन करते हैं।

हमने ब्लू क्लास से संबंधित पैराग्राफ का चयन किया है और "हैलो" को "हैलो अगेन" से बदल दिया है। चूंकि html () तत्व नामों में शामिल सामग्री को प्रतिस्थापित करता है, नीला रंग बना रहेगा।

< चित्र वर्ग = "WP छवि ब्लॉक"> A83aaFCGA71IBKWgL4WyaFqn GeP4fN7kwWBtZnN4Xmhk9dfSP85teVs83FA2w8myG0SsPwzmfMP8RagLyBGr0JCb8XgEpQ88AFUpD 5iatEp Im3xzfqRKD35rOb9xjhLoN1Na

क्या होगा अगर हम करना चाहते हैं पैराग्राफ में सभी टेक्स्ट को बदलें? यदि हम

तत्व का चयन करते हैं, तो यह उपरोक्त पाठ को "Hello AGAIN" के तीन उदाहरणों से बदल देगा। ‚"

यहां हम HTML फाइल में टैग्स के पूरे पैराग्राफ का चयन करते हैं और प्रत्येक की सामग्री को प्रतिस्थापित करते हैं "नमस्ते फिर से"। या इन टैग में एन्वलप सामग्री पे रखकर।

<आंकड़ा वर्ग = "WP छवि ब्लॉक"> 2guefy2uVdRQb3zbHpmF0SeFtMBttoqGZfEwZJn0nS04IulS0SYHM8Q Ddxef0zLi8sxC1Lt4N3 HIOZpbIRtU1eFIP0y8qbPJcTc1kvB4Pc5Ti1CUpWDSZktp3v6zyCo7fIavTM

बस के रूप में हम आशा व्यक्त की। के लिए हमारी चयनकर्ता में एक स्तर ऊपर आइए चलें हमारे <क्लास फिगर = "wp-block-image">  JXF9suUYnrtQvrU 8sIs3 NEA0BBS2hKkyRaigcZX26RHBcDZ376i87EpwGAsBEBYNaIjVUs FAsrMupPlC9CduIwFUCCBGj Ol64YUdUPWEKZYgZX26RHBcDZ376i87EpwGAsBEBYNaIjVUs FAsrMupPlC9CduIwFUCCBGj XGT XGT Ol64YUdUPWEKZYXX6D हमारे तत्व है>। </p जानने के लिए <कोड कैसे> एचटीएमएल () </code>, एक अनुमान लगा सकते हैं कि ऊपर - ऊपर दिया गया कोड तीन <p>टैग को एक पैरामीटर के रूप में पारित टैग से बदल देता है। उपरोक्त के बारे में अधिक जानने के लिए HTML सीखने पर हमारी <a href= मार्गदर्शिका पढ़ें

कोड की एक पंक्ति में, हमने तीन अलग-अलग अनुच्छेद तत्वों को बदल दिया है और अपनी मूल वर्ग शैली का उपयोग किया है।

निष्कर्ष

jQuery html () एक गतिशील अनुभव बनाने के लिए HTML पृष्ठों की सामग्री को बदलने के लिए आमतौर पर उपयोग की जाने वाली विधि है e html () HTML तत्वों में शामिल सामग्री को प्रतिस्थापित करता है, jQuery चयनकर्ताओं और शैली वर्गों से सावधान रहना महत्वपूर्ण है। यह किसी भी अवांछित शैली परिवर्तन को रोकेगा।

हमने सीखा कि jQuery क्या है, इसका सिंटैक्स और उपयोग का एक उदाहरण। व्यापक रूप से उपयोग की जाने वाली इस पद्धति का अभ्यास और विकास करने में समय व्यतीत करें।