มีวิธีง่าย ๆ ในการแปลงรหัส jquery เป็น javascript หรือไม่ [ปิด]

มีวิธีง่าย ๆ ในการแปลงรหัส jQuery เป็น javascript ปกติหรือไม่ ฉันเดาโดยไม่ต้องเข้าถึงหรือเข้าใจซอร์สโค้ด jQuery

วิธีที่ง่ายที่สุดคือเรียนรู้วิธีการสำรวจและจัดการ DOM ด้วย DOM ธรรมดา (คุณอาจเรียกสิ่งนี้ว่า: JavaScript ปกติ)

อย่างไรก็ตามนี่อาจเป็นความเจ็บปวดสำหรับบางสิ่ง (ซึ่งเป็นสาเหตุที่ห้องสมุดถูกประดิษฐ์ขึ้นตั้งแต่แรก)

Googling สำหรับ "javascript DOM traversing / manipulation" ควรแสดงให้คุณเห็นว่ามีทรัพยากรที่มีประโยชน์ (และมีประโยชน์น้อยกว่า) มากมาย

บทความในเว็บไซต์นี้จะสวยดีhttp://www.htmlgoodies.com/primers/jsp/

และดังที่ Nosredna ชี้ให้เห็นในความคิดเห็น: อย่าลืมทดสอบในเบราว์เซอร์ทั้งหมดเพราะตอนนี้ jQuery จะไม่จัดการกับความไม่สอดคล้องของคุณ

คุณจะได้ 90% จากที่นั่น )

window.$ = document.querySelectorAll.bind(document)

สำหรับ Ajax ตอนนี้Fetch API ได้รับการสนับสนุนในเวอร์ชันปัจจุบันของเบราว์เซอร์หลักทุกตัว สำหรับ$.ready(), DOMContentLoadedมีการสนับสนุนสากลที่อยู่ใกล้กับ คุณอาจไม่ต้องการ jQueryให้วิธีการดั้งเดิมที่เทียบเท่ากับฟังก์ชั่น jQuery ทั่วไปอื่น ๆ

Zeptoนำเสนอฟังก์ชั่นที่คล้ายกัน แต่มีน้ำหนัก 10K ซิป มี Ajax แบบกำหนดเองที่สร้างขึ้นสำหรับ jQuery และ Zepto เช่นเดียวกับเฟรมเวิร์กขนาดเล็กบางส่วนแต่ jQuery / Zepto มีการสนับสนุนที่แน่นหนาและ 10KB เป็นเพียง ~ 1 วินาทีบนโมเด็ม 56K

ฉันเพิ่งพบแบบฝึกหัดที่น่าประทับใจเกี่ยวกับการแปลง jQuery เป็น javascript จาก Jeffrey Way เมื่อวันที่ 19 มกราคม 2012 *Copyright © 2014 Envato* :

http://net.tutsplus.com/tutorials/javascript-ajax/from-jquery-to-javascript-a-reference/

ไม่ว่าเราจะชอบหรือไม่นักพัฒนามากขึ้นจะถูกนำเข้าสู่โลกของ JavaScript ผ่าน jQuery ก่อน ในหลาย ๆ ทางผู้มาใหม่เหล่านี้เป็นผู้โชคดี พวกเขาสามารถเข้าถึง JavaScript API ใหม่ที่มีมากมายซึ่งทำให้กระบวนการสำรวจเส้นทาง DOM (สิ่งที่คนจำนวนมากขึ้นอยู่กับ jQuery สำหรับ) ง่ายขึ้นมาก น่าเสียดายที่พวกเขาไม่รู้เกี่ยวกับ API เหล่านี้!

ในบทความนี้เราจะใช้งาน jQuery ทั่วไปที่หลากหลายและแปลงเป็น JavaScript ที่ทันสมัยและดั้งเดิม

ฉันเสนอมันในความคิดเห็นของ OP และหลังจากข้อเสนอแนะของเขาฉันเผยแพร่มันมีคำตอบให้ทุกคนได้พูดถึง

นอกจากนี้เจฟฟรีย์เวย์ยังกล่าวถึงแม่มดที่เป็นแรงบันดาลใจของเขาดูเหมือนจะเป็นไพรเมอร์ที่ดีสำหรับการทำความเข้าใจ: http://sharedfil.es/js-48hIfQE4XK.html

มีทีเซอร์การเปรียบเทียบเอกสารนี้ของ jQuery กับ javascript:

$(document).ready(function() {
  // code…
});

document.addEventListener("DOMContentLoaded", function() {
  // code…
});

$("a").click(function() {
  // code…
})

[].forEach.call(document.querySelectorAll("a"), function(el) {
  el.addEventListener("click", function() {
    // code…
  });
});

คุณควรดู

ฉันรู้ว่านี่เป็นเธรดเก่า แต่มีทรัพยากรที่ยอดเยี่ยมที่แสดงจาวาสคริปต์ดั้งเดิมที่เทียบเท่ากับ jquery มันยังรวมถึงตัวอย่าง ES6 นี่เป็นบทความที่ครอบคลุมมากที่สุดที่ฉันได้ค้นพบจากบทความอื่น ๆ ที่ครอบคลุมหัวข้อนี้

jQuery ถึง Vanilla JS

มีวิธีง่าย ๆ ในการแปลงรหัส jQuery เป็น javascript ปกติหรือไม่

ไม่โดยเฉพาะถ้า:

การทำความเข้าใจกับตัวอย่างของโซลูชั่น javascript ที่เขียนด้วย jQuery [is] hard

JQuery และเฟรมเวิร์กทั้งหมดมีแนวโน้มที่จะทำให้เข้าใจโค้ดได้ง่ายขึ้น หากเข้าใจยากวานิลลาจาวาสคริปต์จะถูกทรมาน :)

ฉันเห็นเหตุผลที่ไม่เกี่ยวข้องกับโพสต์ต้นฉบับเพื่อรวบรวมรหัส jQuery โดยอัตโนมัติเป็น JavaScript มาตรฐาน:

16k - หรืออะไรก็ตามที่ห้องสมุด jQuery ขนาดย่อส่วน gzipped นั้นอาจจะมากเกินไปสำหรับเว็บไซต์ของคุณที่มีไว้สำหรับเบราว์เซอร์มือถือ w3c ขอแนะนำว่าคำขอ HTTP ทั้งหมดสำหรับเว็บไซต์มือถือควรมีขนาดไม่เกิน 20k

รายละเอียด w3c สำหรับมือถือ

ดังนั้นฉันจึงสนุกกับการเขียนโค้ดใน jQuery ที่ดีสั้น ๆ ถูกล่ามโซ่ แต่ตอนนี้ฉันต้องการเพิ่มประสิทธิภาพสำหรับมือถือ ฉันควรจะกลับไปทำงานเขียนเรื่องผู้ช่วยที่ฉันใช้ในห้องสมุด jQuery หรือไม่ หรือมีแอพสะดวก ๆ ที่จะช่วยให้ฉันคอมไพล์ใหม่ได้ไหม?

นั่นจะหวานมาก น่าเศร้าที่ฉันไม่คิดว่าสิ่งนั้นจะมีอยู่จริง

หากคุณต้องการเรียนรู้จาวาสคริปต์ให้ดูวิดีโอ Douglas Crockford เหล่านี้ พวกเขาดีมาก.

1. ภาษาโปรแกรมจาวาสคริปต์: ประวัติ, ภาษา, คุณสมบัติขั้นสูง, แพลตฟอร์ม, มาตรฐาน, สไตล์ [ดาวน์โหลดสไลด์ ]
   • ดูรายการบล็อก YUI
2. ทฤษฎีของ DOM [ดาวน์โหลดสไลด์ ]
   • ดูรายการบล็อก YUI
3. Javascript ขั้นสูง: การสืบทอด, โมดูล, การดีบัก, ประสิทธิภาพ, JSON [ดาวน์โหลดสไลด์ ]
   • ดูรายการบล็อก YUI

หนังสือของ Jeremy Keith " DOM Scripting " เป็นคำแนะนำที่ยอดเยี่ยมสำหรับการทำงานกับ Javascript และ DOM ฉันขอแนะนำว่าคุณต้องการใช้ jQuery หรือไม่ มันเป็นการดีที่จะรู้ว่าเกิดอะไรขึ้นข้างใต้

มีหนังสือดีๆหลายเล่ม ฉันชอบ ppk บน JavaScript นี่คือ C hapter 8 บน DOM