jQuery的中is(:visible)解析及用法(必看)
合集下载
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
jQuery的中is(:visible)解析及⽤法(必看)
实例
选择 <body> 元素中每个可见的元素:
$("body :visible")
定义和⽤法
:visible 选择器选取每个当前是可见的元素。
除以下⼏种情况之外的元素即是可见元素:
• 设置为 display:none • type="hidden" 的表单元素 • Width 和 height 设置为 0 • 隐藏的⽗元素(同时隐藏所有⼦元素)
语法
$(":visible")
$(document).ready(function() {
$('#faq').find('dd').hide().end().find('dt').click(function() {//end()为结束前⾯处理函数,返回到最初的元素
//解释:⽤end()结束find(dd)的hide(),并将find(dt)作⽤到最初的#fap上
var answer = $(this).next();//next()为此元素的下⼀个元素,可以再加上.next()表⽰下下⼀个元素,以此类推
if (answer.is(':visible')) {//如果ANSWER 为可见,:visible是可见的意思,相关⽤法还有:hidden(隐藏),:first(第⼀个),:last(最后⼀个)
answer.slideUp();//隐藏
} else {
answer.slideDown();//显⽰
}
});
});
以上这篇jQuery的中 is(':visible') 解析及⽤法(必看)就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。