สมมติ xxx คือ selector
รูปแบบฟังก์ชัน $("xxx").height(val);
val คือ ค่าตัวเลขที่ต้องการกำหนดความสูง
ฟังก์ชันนี้ใช้สำหรับกำหนดความสูงของ element หรือ selector เป็น pixels
1 2 3 4 5 | <script language="javascript">$(function(){ $("div").height(50);});</script> |
จากโค้ดด้านบนเป็นการกำหนดความสูงของ <div> ให้มีความสูงเท่ากับ 50 pixels
นอกจากจะสามารถกำหนดค่าความสูงได้แล้วยังสามารถที่จะดึงค่าความสูงของ element
หรือตัว selector ได้ด้วยฟังก์ชันที่นี้โดย เรียกใช้ฟังก์ชัน height(); โดยไม่ต้องกำหนด
ค่าของ val
รูปแบบฟังก์ชัน $("xxx").height();
ฟังก์ชันนี้ใช้สำหรับดึงค่าความสูงของ element หรือ selector โดยค่าที่ได้จะเป็นค่าตัวเลข
ในหน่วย pixels
1 2 3 4 5 6 | <script language="javascript">$(function(){ var my_height=$("div").height();});</script> |
จากโค้ดด้านบนเป็นการดึงค่าความสูงของ <div> มาเก็บไ้ว้ในตัวแปร my_height
ในทำนองเดียวกันการกำหนดความกว้างก็สามารถกำหนดได้ดังต่อไปนี้
รูปแบบฟังก์ชัน $("xxx").width(val);
val คือ ค่าตัวเลขที่ต้องการกำหนดความกว้าง
ฟังก์ชันนี้ใช้สำหรับกำหนดความกว้างของ element หรือ selector เป็น pixels
1 2 3 4 5 | <script language="javascript">$(function(){ $("div").width(100);});</script> |
จากโค้ดด้านบนเป็นการกำหนดความกว้างของ <div> ให้มีความกว้างเท่ากับ 100 pixels
นอกจากจะสามารถกำหนดค่าความกว้างได้แล้วยังสามารถที่จะดึงค่าความกว้างของ element
หรือตัว selector ได้ด้วยฟังก์ชันที่นี้โดย เรียกใช้ฟังก์ชัน width(); โดยไม่ต้องกำหนด
ค่าของ val
รูปแบบฟังก์ชัน $("xxx").width();
ฟังก์ชันนี้ใช้สำหรับดึงค่าความกว้างของ element หรือ selector โดยค่าที่ได้จะเป็นค่าตัวเลข
ในหน่วย pixels
1 2 3 4 5 6 | <script language="javascript">$(function(){ var my_width=$("div").width();});</script> |
จากโค้ดด้านบนเป็นการดึงค่าความกว้างของ <div> มาเก็บไ้ว้ในตัวแปร my_width
อ่านต่อที่บทความ