JQuery - Effects in Hindi

First Page

JQuery अमेजिंग प्रभावों के विभिन्न प्रकार के लिए एक तुच्छ सरल Interface प्रदान करता है JQuery के उपयोग से आपको न्यूनतम configuration के साथ आमतौर पर इस्तेमाल किए गए effects को जल्दी से लागू करने की अनुमति मिलती है

jQuery हम को एक वेब पेज पर effect को जोड़ने के लिए सक्षम बनाता है jQuery का उपयोग करके वेब पेज में स्लाइडिंग, करना कोड को छुपा और दिखाना एनिमेशन करना बहुत आसान हो जाता है

JQuery के पुस्तकालय वेब पेज पर animation जोड़ने के लिए कई techniques को प्रदान करता है ये सरल, मानक animation जो कि अक्सर उपयोग में लाए जाते हैं, और इनमे refined कस्टम effects को शिल्प करने की क्षमता भी शामिल हैं

jQuery वेब पेज पर प्रभाव के लिए कई तरीके प्रदान करता है और इसकी सूची नीचे दी जा रही है

Example

For Example

animate()	यह चयनित तत्वों पर कस्टम एनिमेशन को चलाता है
dequeue()	इसका उपयोग कतार से अगले फ़ंक्शन को निकालने के लिए किया जाता है, और फ़ंक्शन executed भी करता है।
.delay()	यह चयनित तत्वों पर सभी कतारबद्ध कार्यों के लिए delay performance को सेट करता है।
.finish()	इसका उपयोग वर्तमान में चलने वाले एनीमेशन को रोकने और सभी queued एनिमेशन को हटाने में और मिलान किए गए तत्वों के लिए सभी एनिमेशन को पूरा करने के लिए किया जाता है
show()	यह चयनित तत्व को दिखता है या आप यह कह सकते है की चयनित तत्व को दिखाता है
.stop()	इसका उपयोग मिलान किए गए तत्वों पर वर्तमान में चलने वाली एनीमेशन को रोक में किया जाता है

Example Code

<html>

   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
		
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {

            $("#show").click(function () {
               $(".mydiv").show( 1000 );
            });

            $("#hide").click(function () {
               $(".mydiv").hide( 1000 );
            });
				
         });
      </script>
		
      <style>
         .mydiv{ margin:15px;padding:14px; border:3px solid #666; width:100px; height:100px;}
      </style>
   </head>
	
   <body>
	
      <div class = "mydiv">
         This is a Box
      </div>

      <input id = "hide" type = "button" value = "Hide" />   
      <input id = "show" type = "button" value = "Show" />   

   </body>
	
</html>

Example Result

The jQuery Example

This is a Box

First Page