PHP Ionic Angular Phonegap AJAX Javascript CSS MySQL jQuery Forum


การกำหนดความกว้างความสูงของ element ด้วยฟังก์ชันของ jQuery

25 September 2008 By
element ความสูง ความกว้าง jquery

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ element ความสูง ความกว้าง jquery



สมมติ 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







Tags:: jquery ความกว้าง element ความสูง






อย่าลืมกด Like กด Share เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ


URL สำหรับอ้างอิง