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