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

JQUERY-&-FUNCTION

เริ่มต้นการเขียน 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>

โดย: [K] Narongchai Suphiratwanich

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

สอบถาม & พูดคุย