Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 替换jQuery中的类_Javascript_Jquery - Fatal编程技术网

Javascript 替换jQuery中的类

Javascript 替换jQuery中的类,javascript,jquery,Javascript,Jquery,有没有一种方法可以在一行中完成以下任务 item.removeClass('oldClass') item.addClass('newClass') 类似于replaceClass?的东西,没有进一步的上下文,我建议: item.toggleClass('oldClass newClass'); 但是,如果您确实想要一个replaceClass()方法(尽管我看不出它在功能上提供了什么): (函数($){ $.fn.replaceClass=函数(类){ var allClasses=cl

有没有一种方法可以在一行中完成以下任务

item.removeClass('oldClass')
item.addClass('newClass')

类似于
replaceClass

的东西,没有进一步的上下文,我建议:

item.toggleClass('oldClass newClass');
但是,如果您确实想要一个
replaceClass()
方法(尽管我看不出它在功能上提供了什么):

(函数($){
$.fn.replaceClass=函数(类){
var allClasses=classes.split(/\s+/).slice(0,2);
返回此值。每个(函数(){
$(this.toggleClass(allClasses.join(“”));
});
};
})(jQuery);
$('div').replaceClass('oldClass newClass')
.oldClass{
颜色:#f00;
}
.新班级{
颜色:#0f0;
}

此元素以类“oldClass”开头

如果您想尝试使用jquery ui,则该元素以类“newClass”开始

switchClass('oldClass', 'newClass'); 

要使用jQuery在一行中完成此操作,请使用给定的代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$('.oldclass').addClass('newclass').removeClass('oldclass');
</script>

$('.oldclass').addClass('newclass').removeClass('oldclass');

海报要求单行解决方案。您能改进您的答案以达到原始问题的目标吗?最好的方法是按照您所说的操作,删除类,然后再次添加它,因为jQuery中没有“切换”类$('.dataItem').removeClass('ready').addClass('waiting');通过将多个类传入.removeClass():$('.dataItem').removeClass('done waiting error').addClass('ready'),可以替换多个类;
$('.theclassthatstherenow').addClass('newclasswithyourstyles');
$('.theclassthatstherenow').removeClass('theclassthatstherenow');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$('.oldclass').addClass('newclass').removeClass('oldclass');
</script>