如何避免使用jquery或javascript查找CSS属性

Question

There is some content in html page and one of div style for that is like below:

.class1{
property1:value1;
property2:value2;
property3:value3;
property4:value4;
}

I want to avoid applying css property property1 into concerned content and rest property property2, property3, property4 are welcomed.

I want to avoid applying property1 and don't want to change the css file.

Also I don't want to use as below:

$('.class1').css('property1','some different value');

I just want to avoid property1 using code. Please tell me how I done using jquery or js. ----------------------Edited------------------------

I don't want to generate any inline css on run time. I am looking ui code some thing like as below:

 $('.ui-resizable').css('position').disable()

Answer 1

没有可用的功能可以做到这一点，一种方法是

$('.class1').css('property1',''); 

Answer 2

Just set an inline style on the element that negates the property or makes it what you want. No jQuery necessary. Inline styles will always override inherited styles.

<div class="class1" style="margin:whatever"></div>

Answer 3

Make another class "class2" with css and use

/* CSS */
.class2{
property1:value1;
}

//JQuery
$('div').removeClass('class1').addClass('class2');

Answer 4

Preserve the value of property1 as:

var p1 = $('.class1').css('property1');

Now apply changes to the class as necessary.

Finally, restore the value of property1 as:

$('.class1').css('property1',p1);