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 - ఐచ్ఛికం. సెలెక్టర్ ఇండెక్స్ స్థానాన్ని అంగీకరిస్తుంది
  • oldvalue - ఐచ్ఛికం. సెలెక్టర్ ప్రస్తుత విలువను అంగీకరిస్తుంది.

స్వయంగా ప్రయత్నించండి

మరిన్ని ఉదాహరణలు

డాక్యుమెంట్ మరియు విండో కేంద్రాల వెడల్పును పొందండి
document మరియు window కేంద్రాల ప్రస్తుత వెడల్పును పొందడానికి width() పద్ధతిని వాడండి.
em మరియు % విలువలతో వెడల్పును నిర్ణయించండి
ప్రమాణిత పొడవు ఇకానా గా కేంద్రం వెడల్పును నిర్ణయించండి.

jQuery CSS పరిచయం హాండ్బుక్