Drupal और jQuery. पाठ 2. चयनकर्ता (Selectors) और प्रभाव (Effects)

इस पाठ में हम jQuery चयनकर्ता (selectors) और jQuery प्रभावों (effects) के बारे में सीखेंगे।

चयनकर्ता (Selectors)

चयनकर्ताओं में हम सबसे अधिक क्लास और आईडी का उपयोग करेंगे। चयनकर्ता अक्सर CSS चयनकर्ताओं से मेल खाते हैं, इसलिए यदि आप CSS चयनकर्ता लिखना जानते हैं, तो आप jQuery चयनकर्ता भी लिख सकते हैं। इस प्रकार हम क्लास को चुनते हैं:

$('.class')

और इस प्रकार हम id को चुनते हैं:

$('#id')

प्रभाव (Effects)

jQuery में कई प्रभाव होते हैं: hide/show (किसी तत्व को छिपाना या दिखाना), slideUp/slideDown (तत्व को ऊपर या नीचे स्लाइड करना), fadeOut/fadeIn (धीरे-धीरे पारदर्शिता बदलना)।

$('.class').hide(1000);

$('.class').fadeOut(1000);

$('.class').slideUp(1000);

इस पाठ में हमने setTimeout फ़ंक्शन का भी उपयोग किया। यह एक JavaScript फ़ंक्शन है जो कोड के निष्पादन में विलंब (delay) करता है:

setTimeout(function(){

  // यहाँ कोड लिखें

}, 1000);

setTimeout का पहला पैरामीटर एक फ़ंक्शन होता है जिसमें हम वह कोड लिखते हैं जिसे हम विलंबित (delay) करना चाहते हैं। दूसरा पैरामीटर समय (मिलीसेकंड में) दर्शाता है कि कितनी देर बाद कोड चलना चाहिए।