Bagama't maraming pagkakatulad sa pagitan ng jQuery at JavaScript, mayroon ding ilang pagkakaiba sa kanilang syntax at functionality. Para diyan, una, unawain kung ano ang sinusubukang gawin ng jQuery code. Pagkatapos, gamitin ang mga alternatibong pamamaraan o katangian ng vanilla JavaScript.
Tatalakayin ng blog na ito ang conversion ng jQuery code sa JavaScript.
Paano I-convert ang jQuery Code sa JavaScript?
Para sa pag-convert ng jQuery code sa JavaScript, mahalagang maunawaan kung ano ang ginagawa ng code at kung anong mga pamamaraan ng jQuery ang ginagamit. Pagkatapos, gamitin ang mga alternatibong pamamaraan sa JavaScript, tulad ng ' $() ' ginagamit sa jQuery para sa pagpili ng mga elemento habang nasa JavaScript, para sa pagpili ng mga elemento ' document.querySelector() 'o' querySelectorAll() ” mga pamamaraan ang ginagamit.
Unawain natin ang proseso ng conversion sa tulong ng isang halimbawa.
Halimbawa
Dito, mayroon kaming jQuery code na nagbabago sa kulay ng teksto at nagpapakita ng paliwanag na teksto sa isang pag-click sa pindutan. Para diyan, naglalaman ang HTML na dokumento ng dalawang button, text, at isang walang laman na
tag kung saan ipapakita ang bagong text sa pag-click sa button:
< div id = 'myDiv' >
< p klase = 'text' > Tutorial sa JavaScript p >
< button id = 'button' > Pindutin dito pindutan >
< button id = 'button' > Pindutin dito pindutan >
< p id = 'mensahe' > p >
div >
Habang nagtatrabaho sa jQuery, ipinag-uutos na magdagdag ng library ng jQuery sa tag na
ng HTML na dokumento: < script src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > iskrip >Sa tag na