jQuery CSS ปฏิบัติตามความคิดเห็น - วิธี width()

jQuery CSS ปฏิบัติตามความคิดเห็น

ตัวอย่าง

ตั้งค่ากว้างขององค์ประกอบ <p> อย่าง

$(".btn1").click(function(){
  $("p").width(200);
});

ลองทดลองด้วยตัวเอง

คำนิยามและวิธีใช้

วิธี width() กลับมาหรือตั้งค่ากว้างขององค์ประกอบที่เหมาะสม

กลับมาด้วยกว้าง

กลับมาด้วยกว้างขององค์ประกอบแรกที่ตรงกัน

ถ้าไม่ตั้งค่าตัวเลือกให้กับวิธีนี้ จะกลับมาด้วยกว้างขององค์ประกอบที่ตรงกัน

ภาษาเขียน

$(selector).width()

ลองทดลองด้วยตัวเอง

ตั้งค่ากว้าง

ตั้งค่ากว้างขององค์ประกอบที่เหมาะสมทั้งหมด

ภาษาเขียน

$(selector).width(length)
ตัวแปร คำอธิบาย
length

ตัวเลือกต่อ. กำหนดกว้างขององค์ประกอบ

ถ้าไม่กำหนดหน่วยความยาว จะใช้หน่วยความยาว px โดยเริ่มต้น

ลองทดลองด้วยตัวเอง

ใช้ฟังก์ชันเพื่อตั้งค่ากว้าง

ใช้ฟังก์ชันเพื่อตั้งค่ากว้างขององค์ประกอบที่เหมาะสม

ภาษาเขียน

$(selector).width(function(index,oldwidth))
ตัวแปร คำอธิบาย
function(index,oldwidth)

กำหนดฟังก์ชันที่กลับมามีค่ากว้างขององค์ประกอบที่ถูกเลือก

  • index - ตัวเลือกต่อ. รับตำแหน่ง index ของเลือกตัวองค์ประกอบ
  • oldvalue - ตัวเลือกต่อ. รับค่าที่มีอยู่ของเลือกตัวองค์ประกอบ

ลองทดลองด้วยตัวเอง

ตัวอย่างเพิ่มเติม

ได้รับกว้างขององค์ประกอบ document และ window
ใช้วิธี width() ที่สำหรับได้รับกว้างขององค์ประกอบ document และ window ที่ตอนนี้
ตั้งค่ากว้างโดยใช้ค่า em และ %
ตั้งค่ากว้างขององค์ประกอบโดยใช้หน่วยความยาวที่กำหนด

jQuery CSS ปฏิบัติตามความคิดเห็น