/Javascript/jQuery/Show hide pseudo element jquery

Show hide pseudo element jquery

<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>

Source: stackoverflow.com

Similar codes

4 votes259 views6 answers
How to set dropdown value in jquery
Javascript jQuery
0 vote232 views1 answer
How to validate the textbox using jquery
Javascript jQuery
0 vote220 views1 answer
How to get href value of anchor tag in jquery in list
Javascript jQuery
0 vote204 views1 answer
Jquery extend
Javascript jQuery
33 votes216 views3 answers
Prevent default jquery
Javascript jQuery
5 votes228 views3 answers
Enter event in jquery
Javascript jQuery
1 vote267 views1 answer
How to get selected value of dynamically created dropdown in jquery
Javascript jQuery
2 votes225 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript jQuery
0 vote197 views1 answer
Animating using jquery
Javascript jQuery
4 votes215 views2 answers
Jquery Table row count
Javascript jQuery