Javascript 如何使用jquery删除CSS属性

Javascript 如何使用jquery删除CSS属性,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如何从类中删除(而不是设置为null)CSS属性?这里我有一个名为myclass的类,它包含属性权限:0px。我正在尝试从类中删除right:0px(不尝试设置null)。我怎样才能做到这一点 .myclass{ position:fixed; right:0px; } 试着这样做: $(".myclass").removeAttr("right"); 您不应该更改初始css,因为它已经包含在内。您可以做的是添加一个新的css类并重置right属性: .myResetClas

如何从类中删除(而不是设置为null)CSS属性?这里我有一个名为myclass的类,它包含属性权限:0px。我正在尝试从类中删除
right:0px
(不尝试设置null)。我怎样才能做到这一点

.myclass{
    position:fixed;
    right:0px;
}
试着这样做:

$(".myclass").removeAttr("right");

您不应该更改初始css,因为它已经包含在内。您可以做的是添加一个新的css类并重置
right
属性:

.myResetClass {
  right: auto !important;
}
然后将此类附加到必要的元素,这将把
right
属性更改为default
auto

$('.myclass').addClass('myResetClass');

我不确定我是否见过jQuery像您所希望的那样控制CSS声明,但据我所见,这并不是处理它的最佳方式。而是创建以下类:

.myclass1 {position:fixed;}
.myclass2 {right:0px}
并在元素中使用这两个类,如

<input class="myclass1 myclass2" ...
要将其放回原处,请使用
addClass

$('input.myclass1').addClass('myclass2');

据我所知,JQuery无法操作为特定类指定的CSS规则。不过,您可以为另一个类设置CSS规则

.myclass{
position:fixed;
right:0px;
}

.anotherclass{
position:fixed;
}
然后使用jquery

$(selector).removeClass('myclass').addClass('anotherclass');

您可以尝试使用以下方法:

$(".myclass").css({ 'right' : 'inherit' });

如果要删除内联。。有用

您可以使用JQuery执行以下操作。它将设置右侧的初始值

$('.myclass').css({'right':'initial'})
.myclass{
位置:固定;
右:0px;
}

测试
expect res是.myclass{position:fixed;}

尝试使用
$(“样式”)
选择器、
.each()
.text()
字符串.prototype.replace()

$(函数(){
$(“样式”)。每个(函数(){
$(this).text(函数(\ux,text){
返回text.replace(/(\.myclass\s++\{\n\s++.++\n\s++.++\n\s++.++\})/g
,功能(匹配,p1){
var re=match.replace(/right:\s+\d+\w+;\n/g,“”);
返回re
})
});
console.log(this.textContent)
})
});

.myclass{
位置:固定;
右:0px;
}

删除类或更改类可能initial或inherit对您的情况很有帮助您所说的“删除”是什么意思?移除
右侧:0px来自
css
style
元素或文件?预期结果是什么?预期结果是.myclass{position:fixed;}其他技术吗?@kannanD.S不,我想这是正确的方法。您不能修改css中定义的类。只需使用另一个类并更改所需内容。我面临语言轮换问题(RTL)。这是正确的方法吗?@kannanD.S这是css应该如何使用的方法。@Dmitri Pavlutin我用“initial”得到了结果。thx对于您宝贵的支持,您希望删除或重置什么?.myclass{position:fixed;}我希望这是一种初始的方式?你能吗explane@kannanD.S初始值是指权利的默认值。和
$(".myclass").css({ 'right' : 'inherit' });