jQuery CSS បទដ្ឋាន - មធ្យមវិធី width()

ឧទាហរណ៍

កំណត់ទំហំផ្ទៃ <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 - ជាការជ្រើសរើស ទទួលទំហំបច្ចុប្បន្នរបស់អ្នកជ្រើស

ព្យាយាមតាមខ្លួន

ឧទាហរណ៍ទៀត

ទទួលទំហំផ្ទៃរបស់កុំព្យូទ័រ និង window ដោយប្រើមធ្យមវិធី
ការទទួលទំហំផ្ទៃសម្រាប់កុំព្យូទ័រ និង window ដោយប្រើមធ្យមវិធី width()
ការកំណត់ទំហំផ្ទៃដោយប្រើ em និង % តុល្យាវិទ្យា
ការកំណត់ទំហំផ្ទៃដោយប្រើតុល្យាវិទ្យាទំហំ