标签: removeclass

当我使用它们来改变Internet Exploer(IE)中复选框的外观时,jQuery函数addClass和removeClass无法正常工作.但是,它们在其他浏览器中运行良好.

以下示例代码用于说明我的问题:

$('input:#chkbox').click(function()
    {
        //if($(this).is(":checked")){
        if($('input:#chkbox').is(":checked"))
        {
            $('input:#chkbox').next("label").addClass("etykieta_wybrana");
        }
        else
        {
            $('input:#chkbox').next("label").removeClass("etykieta_wybrana");
        }
    });

要进一步测试这个,你可以使用jsFiddler运行代码(在IE中不起作用):http: //jsfiddle.net/tejek/pZJMd/

我如何使用.removeClass删除所有匹配的类而不是单独调用每个元素？

所以不是这样的:

$("input").removeClass("CO_form_alert");
$("select").removeClass("CO_form_alert");

我的jQuery函数生成的动画很不稳定,我一直在寻找不同的SO解决方案,例如添加jquery.easing,但没有运气.问题是每个div中的iframe吗？

关于如何平滑动画的任何想法？我的基本切换功能是最好的方法吗？

JSFiddle: http ://jsfiddle.net/gwLcD/8/

基本标记在下面,并在页面上重复多次(每个"录像带"div之间有文本块):

 <div class="videotoggle">

    <p><h2 class="entry-title">View a few minutes of the (title) video </h2></p>

    <div class="videoblock">

    <iframe width="560" height="315" src="http://www.youtube.com/embed/????????"
    frameborder="0" allowfullscreen></iframe>

    </div></div>

功能:

$(document).ready(function(){
$(".videoblock").hide();  //closes all divs on first page load
$(".entry-title").click(function() {
    $this = $(this);  //this next code only allows one open div at a time
    $content = $this.closest('.videotoggle').find(".videoblock");
    if (!$this.is('.active-title')) {
        $('.active-title').removeClass('active-title');
        $this.addClass('active-title');
        $(".videoblock:visible").slideToggle(400);  //slide toggle
        $content.slideToggle(400);
    }
});
});

我想删除类,以"颜色"开头.这些类是动态添加的,我不知道很多类以颜色开始.

<div id="sample" class="color1 orange color2 color3 blue"></div>

jQuery的

$("#sample").removeClass("[class^='color']");

但它不起作用.任何帮助？

我在这里感觉非常愚蠢 - 我无法在jQuery中使用简单的类切换语句!我只能坐在最后45分钟的挫折中,我搜索了Stack Overflow的问题和答案,但无济于事.

My goal is, upon clicking an item with the colorClick id (already containing a default class of "white"), to rotate that item between being assigned the class green, yellow, orange, red, and back to white again (ad infinitum).

The CSS is simple - each class simply corresponds to a different background color.

The HTML is simple - a div tag with two CSS classes (one static, one to be changed by jQuery).

The jQuery is simple …

所以我有一个系统，网站的用户可以创建 div，所有这些 div 都有不同的类名称，所有这些 div 还将创建一个具有相同类的删除按钮。如何在单击按钮时删除按钮和具有相同类的 div。

我想它会是这样的：

$("div.Test").remove();

只比使用 this 标签。

一个简单的,但我无法弄清楚.我有一个名为#title的链接,当你点击它时,它会切换一个名为#content的div.这很好用,但另外我在我的#title链接中添加了"active"类,即使使用removeClass也无法摆脱它.

请参阅上面的代码和示例链接(仅当扩展#content时标题应为红色,而不是所有时间).

$('#title').click(function() {
    $(this).addClass('active');
    $('#content').toggle();
}), function() { 
    $(this).removeClass('active');
};

http://jsfiddle.net/vY3WY/

我正在使用一系列CSS3过渡,但是使用JQuery UI添加和删除类来备份旧的机器.

JQuery UI addClass动画功能齐全.然而,JQuery UI removeClass不是动画,而是延迟动画时间然后跳转到上一个类的属性.

$('.box').addClass('adds', 800); ANIMATING CORRECTLY
$('.box').removeClass('adds', 800); NOT ANIMATING AT ALL

.box {
    background:#CCC;
    border:1px solid #222;
    height:200px;
    width:200px;
}
.adds {
    height:220px !important;
    width:400px !important;
}

我已经建立了一个小提琴,但由于某种原因,这个小提琴什么都不做,不明白为什么.http://jsfiddle.net/aA9LN/4/

有任何想法吗？

奇妙

我想知道如何动画JQuery addClass/removeClass函数？

对于animate函数,似乎我必须放置一些CSS属性,但是如果我有一个类,每次触发click函数时都会将元素显示为块,而所有元素都显示为隐藏在CSS中.我该如何设置此流程的动画？

这是我的代码:

<script src="js/jquery-1.9.1.min.js"></script>
<script>

    var allSlides = $('li');

    $('#nextSlide').click(function(){
        var nextSlide = $('.active').next();
        if (nextSlide.length == 0)
        {
            var nextSlide = allSlides.first();
        }
        $('.active').removeClass('active');
        nextSlide.addClass('active');
        return false;
    });

    $('#prevSlide').click(function(){
        var prevSlide = $('.active').prev();
        if (prevSlide.length == 0)
        {
            var prevSlide = allSlides.last();
        }
        $('.active').removeClass('active');
        prevSlide.addClass('active');
        return false;
    });

</script>

有没有办法删除一个启动或包含已定义文本字符串的类？

我有几个类的背景颜色覆盖开始 .bg

.bgwhite
.bgblue
.bgyellow

我为一个选择框设置了一个小jquery,它为一个元素添加和删除了修改类,在这种情况下<a href id="buttontostyle">我需要删除这些类的标记.bg,同时保留另一个确定按钮大小的类.像这样:

    $("#buttoncolors").change(function() // buttoncolors is the select id
    {
        var valcolor = $("#buttoncolors").val();
        $("#buttontostyle").removeClass("bg" + "*");
        $("#buttontostyle").addClass(valcolor);

    });