彩世界平台-彩世界时时app-彩世界开奖app苹果下载

热门关键词: 彩世界平台,彩世界时时app,彩世界开奖app苹果下载

您的位置:彩世界平台 > 学会党委 > jQuery判断一个元素是否可见的方法

jQuery判断一个元素是否可见的方法

发布时间:2019-08-30 09:31编辑:学会党委浏览(147)

    jQuery判断一个元素是否可见的方法

       本文实例讲述了jQuery判断一个元素是否可见的方法。分享给大家供大家参考。具体如下:

      jQuery 可以很容易地确定一个元素是可见的或是隐藏的,然后分别做不同的处理。如:我想根据某 div 是否可见,在按钮上显示不同的文字和图标。可以这样实现:

      方法一:

      ?

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    $('#para_div button').click(function() {

    if($(this).next().is(":visible")) {

    //$(this).html('显示');

    $(this).css({"background":"url(/images/btn_arrow_down.png) no-repeat"});

    }

    else {

    //$(this).html('隐藏');

    $(this).css({"background":"url(/images/btn_arrow_up.png) no-repeat"});

    }

    $(this).next().slideToggle('fast');

    });

      方法二:

      ?

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    $('#para_div button').click(function() {

    if($(this).next().css('display') == 'none') {

    //$(this).html('隐藏');

     $(this).css({"background":"url(/images/btn_arrow_up.png) no-repeat"});

    }

    else{

    //$(this).html('显示');

     $(this).css({"background":"url(/images/btn_arrow_down.png) no-repeat"});

    }

    $(this).next().slideToggle('fast');

    });

      方法三:

      ?

    1

    2

    3

    4

    5

    6

    7

    8

    $('#para_div button').click(function() {

    var $cn = $(this).next();

    //$(this).html(($cn.is(":visible")) ? '显示' : '隐藏');

    (this).css(($cn.is(":visible")) ?

    {"background":"url(images/btn_arrow_down.png) no-repeat"} :

    {"background":"url(images/btn_arrow_up.png) no-repeat"});

    $cn.toggle('fast');

    });

      希望本文所述对大家的jQuery程序设计有所帮助。

    本文实例讲述了jQuery判断一个元素是否可见的方法。分享给大家供大家参考。具体如下: jQuery 可以很容...

    本文由彩世界平台发布于学会党委,转载请注明出处:jQuery判断一个元素是否可见的方法

    关键词:

上一篇:做的一个HTML表白页面,HTML表白页面

下一篇:没有了