jQuery和隐藏:after /:before pseudo classes

前端之家收集整理的这篇文章主要介绍了jQuery和隐藏:after /:before pseudo classes前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Possible Duplicate:
07000

我尝试隐藏:在伪类之后,通过jQuery以多种方式,但没有成功,我已经找到另一个解决方案,通过添加一个空的div在我的div下,包含:内容后,然后完全隐藏div给出了相同的效果.

但是,如果有人设法找到一种方式来隐藏:之后或之前的东西,我只是好奇.这是我试过没有工作的.

$('.search_Box:after').hide();
$('.search_Box:after').css('display','none');

只是为了给你上下文,我有一个div包含搜索表单,当搜索是活动的时候,我想启用一个小箭头指示器下的div指向像找到的项目列表(构建与之后通过CSS ),当没有找到任何东西,或默认为完整列表(因为没有发现),那么我想隐藏它.

解决方法

你不可以做这个.你最好的办法是在元素上使用一个类来切换伪元素的显示.
<style>
    .search_Box:after {
        content: 'foo';
    }
    .search_Box.hidden:after {
        display: none;
    }
</style>
<script>
    //Instead of these 2 lines
    //$('.search_Box:after').hide();
    //$('.search_Box:after').css('display','none');

    //Use
    $('.search_Box').addClass('hidden');
</script>

实例 – http://jsfiddle.net/4nbnh/

猜你在找的jQuery相关文章