على الرغم من وجود العديد من أوجه التشابه بين jQuery و JavaScript ، توجد أيضًا اختلافات عديدة في تركيبها ووظائفها. لذلك ، أولاً ، افهم ما يحاول كود jQuery القيام به. ثم استخدم الطرق أو السمات البديلة لجافا سكريبت الفانيليا.
ستناقش هذه المدونة تحويل كود jQuery إلى JavaScript.
كيفية تحويل jQuery Code إلى JavaScript؟
لتحويل كود jQuery إلى JavaScript ، من الضروري فهم ما تفعله الشفرة وما هي طرق jQuery المستخدمة. بعد ذلك ، استخدم الطرق البديلة في JavaScript ، مثل ' $ () 'المستخدمة في jQuery لتحديد العناصر أثناء وجودها في JavaScript ، لتحديد العناصر' document.querySelector () ' أو ' الاستعلاممحدد الكل () 'الطرق المستخدمة.
دعنا نفهم عملية التحويل بمساعدة مثال.
مثال
هنا ، لدينا كود jQuery يغير لون النص ويعرض نصًا توضيحيًا عند النقر على الزر. لذلك ، يحتوي مستند HTML على زرين ونص وعلامة
فارغة حيث سيتم عرض النص الجديد عند النقر فوق الزر:
< معرف شعبة = 'myDiv' >
< ص فصل = 'نص' > دروس جافا سكريبت ص >
< معرف الزر = 'زر' > انقر هنا زر >
< معرف الزر = 'زر' > انقر هنا زر >
< ع معرف = 'رسالة' > ص >
شعبة >
أثناء العمل مع jQuery ، من الضروري إضافة مكتبة jQuery في علامة
لمستند HTML: < النصي src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > النصي >في علامة