div वर्ग की शैली विशेषता बदलने के लिए jquery

Question

मेरे पास इस तरह का एक स्लाइडर वर्ग है और मैं शैली की विशेषता शैली को बदलना चाहता हूं = "बायां: 336px"

<div id="range-cont">
<div class="slider">
<div class="progress" style="width: 350px;"></div>
    <a class="handle" href="#" **style="left: 336px;"**></a>
</div>
<input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100">
<p id="percent-label">%</p>
</div>
</div>

मैंने कोशिश की $('.handle').css({'style':'left: 300px'})लेकिन इसका काम नहीं हुआ। यकीन नहीं होता कि मैं यहां क्या गलत कर रहा हूं

Answer 1

कोशिश करो $('.handle').css('left', '300px');

Answer 2

यदि आप केवल शैली विशेषता उपयोग सेट करना चाहते हैं

$('.handle').attr('style','left: 300px');

या आप केवल एक सीएसएस शैली संपत्ति सेट करने के लिए jQuery के सीएसएस विधि का उपयोग कर सकते हैं

$('.handle').css('left', '300px');

या कुंजी मूल्य के समान

$('.handle').css({'left': '300px', position});

W3schools पर अधिक जानकारी

Comments

यह चयनित एक से अधिक पूर्ण और बेहतर उत्तर है

— निकोला पेड्रेती

$('.handle').prop('style','left: 300px');भी काम कर रहा है

— नर्कटर्टिको

Answer 3

के साथ प्रयास करें

$('.handle').css({'left': '300px'});

के बजाय

$('.handle').css({'style':'left: 300px'})

Comments

@ देवर ने अपडेट किया कि अब यह सुनिश्चित करने के लिए काम करेंगे, मैंने गलती से कोष्ठक हटा दिया

— रघुवीर

Answer 4

$('.handle').css('left', '300px');

$('.handle').css({
    left : '300px'
});

$('.handle').attr('style', 'left : 300px');

या OrnaJS का उपयोग करें

Answer 5

$('.handle').css('left','300px') इसे पहचानें, पहले पहचानकर्ता फिर मूल्य

इस पर यहाँ और अधिक:

http://api.jquery.com/css/

Answer 6

यह आपके लिए उपयोगी है ।।

$('.handle').css('left', '300px');

Answer 7

शैली एक विशेषता है इसलिए cssइसके लिए काम नहीं करेगा। आप इसका उपयोग कर सकते हैंattr

परिवर्तन:

$('.handle').css({'style':'left: 300px'});

T0:

$('.handle').attr('style','left: 300px');//Use `,` Comma instead of `:` colon

Answer 8

आप उपयोग नहीं कर सकते $('#Id').attr('style',' color:red'); और $('#Id').css('padding-left','20%');
एक ही समय में।
आप या तो उपयोग कर सकते हैं attr या css दोनों केवल तभी काम करते हैं जब वे अकेले उपयोग किए जाते हैं।

Answer 9

सशर्त रूप से वर्ग की विशेषता को बदलने के लिए,

var css_val = $(".handle").css('left');
if(css_val == '336px')
{
  $(".handle").css('left','300px');
}

यदि आईडी निम्नलिखित के रूप में दी गई है,

<a id="handle" class="handle" href="#" style="left: 336px;"></a>

यहाँ एक वैकल्पिक समाधान है:

var css_val = $("#handle").css('left');
if(css_val == '336px')
{
  $("#handle").css('left','300px');
}