jq控制div是否展示_jQuery判断一个元素是否可见的方法

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

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

方法一：

$('#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');

});

方法二：

$('#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');

});

方法三：

$('#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程序设计有所帮助。

jq控制div是否展示_jQuery判断一个元素是否可见的方法相关推荐

jq控制div是否展示_jQuery控制多个DIV的显示和隐藏
问题补充: 这是我写的JS function Previous(){ for(var i=1;i<=3;i++){ if(document.getElementById("d" ...
jq控制div是否展示_选择控制台_调度台之前，这几点你应该要看！
随着现代智能化技术的不断发展,各个领域都在打造与时俱进的智能办公环境.而提升智能办公环境怎么能少得了控制台和调度台这些智能化设备? 控制台_调度台效果展示针对如何选择控制台.调度台.操作台等设备, ...
如何使用jquery判断一个元素是否含有一个指定的类（class）
如何使用jquery判断一个元素是否含有一个指定的类(class) 一.总结一句话总结:可以用hasClass方法(专用)和is方法 1.is(expr|obj|ele|fn)的方法几个参数表示什么 ...
编程判断元素归类_如何使用jquery判断一个元素是否含有一个指定的类（class）...
如何使用jquery判断一个元素是否含有一个指定的类(class) 一.总结一句话总结:可以用hasClass方法(专用)和is方法 1.is(expr|obj|ele|fn)的方法几个参数表示什么 ...
JQuery判断一个元素是否含有子元素
JQuery判断一个元素是否含有子元素方法一:jQuery - - children() 判断子元素长度 var number = $("#div_id").children( ...
如何判断一个元素在亿级数据中是否存在？
本文转载于公众号:crossoverJie 前言最近有朋友问我这么一个面试题目: 现在有一个非常庞大的数据,假设全是 int 类型.现在我给你一个数,你需要告诉我它是否存在其中(尽量高效). 需求其 ...
写一个方法判断一个字符串是否对称_判断一个男生是否好色的方法
▾ 我们店只招黑喵哦? ▾ 其实也不是不能理解为什么男的要跑? ▾ 有什么相见恨晚的小知识?? ▾ 见证奇迹?:是不是穿过去了!? ▾ 医学奇迹? ▾ 卧槽流劈!?真的超光速了! ▾ 细节很到位啊几位 ...
【算法】BloomFilter 如何判断一个元素在亿级数据中是否存在？
1.概述转载: 如何判断一个元素在亿级数据中是否存在? 前言最近有朋友问我这么一个面试题目: 现在有一个非常庞大的数据,假设全是 int 类型.现在我给你一个数,你需要告诉我它是否存在其中(尽量高 ...
javascript判断一个元素是另外一个元素的子元素
javascript判断一个元素是另外一个元素的子元素用途有很多,最常用的就是当点击页面的空白处去执行某些操作,比如弹出层等. function isParent (obj,parentObj){ w ...
jq 获取含类的子集_jquery获取子元素
Jquery获取子元素的方法有2种,分别是children()方法和find()方法. 下面我们分别来使用这两种方法,看看它们有何差异. children()方法:获取该元素下的直接子集元素 find ...

jq控制div是否展示_jQuery判断一个元素是否可见的方法

jq控制div是否展示_jQuery判断一个元素是否可见的方法相关推荐

最新文章

热门文章