การเริ่มต้นการเขียน JQuery สำหรับ WordPress

เริ่มต้นการเขียน JQuery

ด้วยการเปิดแท็ก <script> เพื่อให้ระบบรู้ว่าภาษาที่ใช้เป็นภาษา javascript

<script type="text/javascript">
     Your Code
</script>

การใส่ Function Ready และ jQuery(document)

• การใส่ Function Ready เพื่อสั่งให้เมื่อทุกอย่างโหลดเรียบร้อยแล้วจึงรันโค้ดของเรา เพื่อไม่ให้เกิดการตีกันของโค้ดนั้นเอง
• การใส่ jQuery(document) เป็นการเปลี่ยนจาก $ เป็น jQuery แทน ซึ่งโดยปกติภาษา Java จะใช้ $ เป็นหลักเพื่อป้องกันการตีกันของโค้ดจึงได้เปลี่ยนให้เป็น jQuery แทน

jQuery(document).ready(function() {
     Your Code
});

ตัวอย่างโค้ด การเปลี่ยนสีพื้นหลังด้วย jQuery

<script type="text/javascript">
jQuery(document).ready(function() {

     jQuery('#div').css( "background-color", "yellow" );

});
</script>

• Facebook
• Twitter
• Line

Narongchai Suphiratwanich (K)

นักพัฒนาเว็บไซต์ด้วยระบบเวิร์ดเพรส เป็นผู้ช่วยให้กับ SeedWebs & SeedThemes และ เปิดธุรกิจเล็กๆ อยู่ในอำเภอปาย