jQuery மற்றும் JavaScript இடையே பல ஒற்றுமைகள் இருந்தாலும், அவற்றின் தொடரியல் மற்றும் செயல்பாட்டிலும் பல வேறுபாடுகள் உள்ளன. அதற்கு, முதலில், jQuery குறியீடு என்ன செய்ய முயற்சிக்கிறது என்பதைப் புரிந்து கொள்ளுங்கள். பின்னர், வெண்ணிலா ஜாவாஸ்கிரிப்ட்டின் மாற்று முறைகள் அல்லது பண்புகளைப் பயன்படுத்தவும்.
இந்த வலைப்பதிவு jQuery குறியீட்டை ஜாவாஸ்கிரிப்டாக மாற்றுவது பற்றி விவாதிக்கும்.
jQuery குறியீட்டை ஜாவாஸ்கிரிப்டாக மாற்றுவது எப்படி?
jQuery குறியீட்டை ஜாவாஸ்கிரிப்டாக மாற்ற, குறியீடு என்ன செய்கிறது மற்றும் என்ன jQuery முறைகள் பயன்படுத்தப்படுகின்றன என்பதைப் புரிந்துகொள்வது அவசியம். பின்னர், ஜாவாஸ்கிரிப்டில் மாற்று முறைகளைப் பயன்படுத்தவும், அதாவது ' $() 'JQuery இல் ஜாவாஸ்கிரிப்ட்டில் இருக்கும் போது உறுப்புகளைத் தேர்ந்தெடுப்பதற்கும், உறுப்புகளைத் தேர்ந்தெடுப்பதற்கும் பயன்படுத்தப்படுகிறது' document.querySelector() ' அல்லது ' querySelectorAll() ” முறைகள் பயன்படுத்தப்படுகின்றன.
ஒரு உதாரணத்தின் உதவியுடன் மாற்றும் செயல்முறையைப் புரிந்துகொள்வோம்.
உதாரணமாக
இங்கே, எங்களிடம் jQuery குறியீடு உள்ளது, அது உரையின் நிறத்தை மாற்றுகிறது மற்றும் ஒரு பொத்தானைக் கிளிக் செய்வதன் மூலம் விளக்க உரையைக் காட்டுகிறது. அதற்கு, HTML ஆவணத்தில் இரண்டு பொத்தான்கள், உரை மற்றும் ஒரு வெற்று
குறிச்சொல் ஆகியவை உள்ளன, அங்கு பொத்தான் கிளிக்கில் புதிய உரை காண்பிக்கப்படும்:
< div ஐடி = 'myDiv' >
< ப வர்க்கம் = 'உரை' > ஜாவாஸ்கிரிப்ட் டுடோரியல் ப >
< பொத்தான் ஐடி = 'பொத்தானை' > இங்கே கிளிக் செய்யவும் பொத்தானை >
< பொத்தான் ஐடி = 'பொத்தானை' > இங்கே கிளிக் செய்யவும் பொத்தானை >
< p id = 'செய்தி' > ப >
div >
jQuery உடன் பணிபுரியும் போது, HTML ஆவணத்தின்
குறிச்சொல்லில் jQuery நூலகத்தைச் சேர்ப்பது கட்டாயம்: < ஸ்கிரிப்ட் எஸ்ஆர்சி = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > கையால் எழுதப்பட்ட தாள் >