jQuery CSS ఆపరేషన్స్ - css() మాదిరిగా

jQuery CSS పరిచయం సంక్షిప్త పత్రం

ఉదాహరణ

<p> అంశం యొక్క రంగును అమర్చు:

$(".btn1").click(function(){
  $("p").css("color","red");
});

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

నిర్వచనం మరియు వినియోగం

css() మాదిరిగా సరిపోయే అంశాలకు ఒకటి లేదా పలు స్టైల్ అమర్పులను అమర్చినాయి లేదా తిరిగి ఇస్తుంది.

CSS అమర్పు విలువను తిరిగి ఇస్తుంది

మొదటి సరిపోయే అంశం యొక్క CSS అమర్పు విలువను తిరిగి ఇస్తుంది.

పరిశీలన:విలువను తిరిగి ఇవ్వగా, సంక్షిప్త సిఎస్ఎస్ అమర్పులను (ఉదాహరణకు "background" మరియు "border") మద్దతు లేదు.

$(selector).css(name)
పారామీటర్లు వివరణ
name అవసరమైనది. సిఎస్ఎస్ అమర్పు పేరును నిర్దేశించు. ఈ పరామితిలో ఏదైనా CSS అమర్పును చేర్చవచ్చు. ఉదాహరణకు "color".

ఉదాహరణ

మొదటి ప్రాసాగమం యొక్క color స్టైల్ అమర్పు విలువను పొందుటకు చేయబడింది:

$("p").css("color");

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

సిఎస్ఎస్ అమర్పును అమర్చు

设置所有匹配元素的指定 CSS 属性。

$(selector).css(name,value)
పారామీటర్లు వివరణ
name అవసరమైనది. CSS అట్టవాణి పేరును నిర్ణయించుము. ఈ పారామీటర్ ఏదైనా CSS అట్టవాణి పేరును కలిగి ఉండవచ్చు. ఉదాహరణకి "color".
value

可选。规定 CSS 属性的值。该参数可包含任何 CSS 属性值，比如 "red"。

శూట్ విలువను సెట్ చేసినట్లయితే, పెట్టెలో నిర్ణయించిన అట్టవాణిని తొలగించుము.

ఉదాహరణ

అన్ని పెట్టిన రంగును ఎరుపు రంగుగా సెట్ చేయుము:

$("p").css("color","red");

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

ఫంక్షన్ ఉపయోగించి CSS అట్టవాణి గుణాలను సెట్ చేయుము

అన్ని సరిపోలు పెట్టిన పెట్టెలపైన స్టైల్ అట్టవాణి గుణాల విలువను సెట్ చేయుము.

ఈ ఫంక్షన్ సెట్ చేయబడే అట్టవాణి విలువను తిరిగి ఇవ్వుతుంది. రెండు పారామీటర్లను అంగీకరిస్తుంది, index ఇండెక్స్ ప్రతి ఆబిష్కరణల సమూహంలో అందుకు ఉన్న పెట్టెకు సంబంధించిన స్థానాన్ని ఇండెక్స్ ప్రతిస్పందిస్తుంది, value ప్రస్తుత అట్టవాణి విలువను ప్రతిస్పందిస్తుంది.

$(selector).css(name,function(index,value))
పారామీటర్లు వివరణ
name అవసరమైనది. CSS అట్టవాణి పేరును నిర్ణయించుము. ఈ పారామీటర్ ఏదైనా CSS అట్టవాణి పేరును కలిగి ఉండవచ్చు. ఉదాహరణకి "color".
function(index,value)

నెవిగేటర్ ఫంక్షన్ నిర్ణయించుము. నెవిగేటర్ ఫంక్షన్ నిర్ణయించుము.

  • index - ఆప్షనల్. ఎంపికదారి యొక్క index స్థానాన్ని అంగీకరిస్తుంది
  • oldvalue - ఆప్షనల్. CSS అట్టవాణి ప్రస్తుత విలువను అంగీకరిస్తుంది.

ఉదాహరణ 1

అన్ని పెట్టిన రంగును ఎరుపు రంగుగా సెట్ చేయుము:

$("button").click(function(){
    $("p").css("color",function(){return "red";});
    });

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

ఉదాహరణ 2

డివ్ యొక్క వెడల్పనను క్రమంగా పెంచుము:

$("div").click(function() {
  $("this").css(
    "width", function(index, value) {return parseFloat(value) * 1.2;}
  );
});

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

పలు స్టైల్ అట్టవాణి గుణాలు/విలువలను సెట్ చేయుము

$(selector).css({property:value, property:value, ...})

పేరు/విలువలు ఆబిష్కరణను అన్ని సరిపోలు పెట్టిన పెట్టెలపైన స్టైల్ అట్టవాణి గుణాలు సెట్ చేయుము.

ఈది అన్ని సరిపోలు పెట్టిన పెట్టెలపైన అనేక స్టైల్ అట్టవాణి గుణాలను సెట్ చేయడానికి ఉత్తమ విధానం ఒకటి.

పారామీటర్లు వివరణ
{property:value}

అవసరమైనది. స్టైల్ అట్టవాణి రూపకల్పనకు నిర్ణయించబడే "పేరు/విలువలు" ఆబిష్కరణను నిర్ణయించుము.

ఈ పారామీటర్ కొన్ని క్రమబద్ధమైన CSS అట్టవాణి పేరు/విలువలను కలిగి ఉండవచ్చు. ఉదాహరణకి {"color":"red","font-weight":"bold"}

ఉదాహరణ

$("p").css({
  "color":"white",
  "background-color":"#98bf21",
  "font-family":"Arial",
  "font-size":"20px",
  "padding":"5px"
  });

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

jQuery CSS పరిచయం సంక్షిప్త పత్రం