jQuery - आयाम
JQuery के साथ, तत्वों और ब्राउज़र विंडो के आयामों के साथ काम करना आसान है।
jQuery आयाम के तरीके
आयामों के साथ काम करने के लिए jQuery के कई महत्वपूर्ण तरीके हैं:
width()
height()
innerWidth()
innerHeight()
outerWidth()
outerHeight()
jQuery के आयाम
jQuery चौड़ाई () और ऊंचाई () तरीके
विधि किसी तत्व की width()
चौड़ाई सेट या लौटाती है (पैडिंग, बॉर्डर और मार्जिन को छोड़कर)।
विधि किसी तत्व की height()
ऊंचाई सेट या लौटाती है (पैडिंग, बॉर्डर और मार्जिन को छोड़कर)।
<div>
निम्न उदाहरण एक निर्दिष्ट तत्व की चौड़ाई और ऊंचाई देता है :
उदाहरण
$("button").click(function(){
var txt = "";
txt += "Width: " + $("#div1").width() + "</br>";
txt += "Height: " + $("#div1").height();
$("#div1").html(txt);
});
jQuery के इनरविड्थ () और इनरहाइट () तरीके:
विधि किसी तत्व की innerWidth()
चौड़ाई (पैडिंग सहित) लौटाती है।
विधि किसी तत्व की innerHeight()
ऊंचाई (पैडिंग सहित) लौटाती है।
<div>
निम्न उदाहरण किसी निर्दिष्ट तत्व की आंतरिक-चौड़ाई/ऊंचाई देता है :
उदाहरण
$("button").click(function(){
var txt = "";
txt += "Inner width: " + $("#div1").innerWidth() + "</br>";
txt += "Inner height: " + $("#div1").innerHeight();
$("#div1").html(txt);
});
jQuery बाहरीविड्थ () और बाहरी हाइट () तरीके
विधि किसी तत्व की outerWidth()
चौड़ाई (पैडिंग और बॉर्डर सहित) लौटाती है।
विधि किसी तत्व की outerHeight()
ऊंचाई (पैडिंग और बॉर्डर सहित) लौटाती है।
<div>
निम्न उदाहरण किसी निर्दिष्ट तत्व की बाहरी-चौड़ाई/ऊंचाई देता है :
उदाहरण
$("button").click(function(){
var txt = "";
txt += "Outer width: " + $("#div1").outerWidth() + "</br>";
txt += "Outer height: " + $("#div1").outerHeight();
$("#div1").html(txt);
});
विधि एक तत्व की outerWidth(true)
चौड़ाई लौटाती है (जिसमें पैडिंग, बॉर्डर और मार्जिन शामिल है)।
विधि एक तत्व की outerHeight(true)
ऊंचाई लौटाती है (जिसमें पैडिंग, बॉर्डर और मार्जिन शामिल है)।
उदाहरण
$("button").click(function(){
var txt = "";
txt += "Outer width (+margin): " + $("#div1").outerWidth(true) + "</br>";
txt += "Outer height (+margin): " + $("#div1").outerHeight(true);
$("#div1").html(txt);
});
jQuery अधिक चौड़ाई () और ऊंचाई ()
निम्न उदाहरण दस्तावेज़ (HTML दस्तावेज़) और विंडो (ब्राउज़र व्यूपोर्ट) की चौड़ाई और ऊंचाई देता है:
उदाहरण
$("button").click(function(){
var txt = "";
txt += "Document width/height: " + $(document).width();
txt += "x" + $(document).height() + "\n";
txt += "Window width/height: " + $(window).width();
txt += "x" + $(window).height();
alert(txt);
});
<div>
निम्न उदाहरण एक निर्दिष्ट तत्व की चौड़ाई और ऊंचाई निर्धारित करता है:
उदाहरण
$("button").click(function(){
$("#div1").width(500).height(500);
});
jQuery व्यायाम
jQuery सीएसएस संदर्भ
सभी jQuery CSS विधियों के संपूर्ण अवलोकन के लिए, कृपया हमारे jQuery HTML/CSS संदर्भ पर जाएँ ।