[ jquery 选择器 :visible ] 此方法选取匹配所有的可见元素

此方法选取匹配所有的可见元素:

实例:

<!DOCTYPE html>
<html class=‘html‘>
<head class=‘head‘>
<meta charset=‘ utf-8‘>
<meta name=‘author‘ content=‘http://www.52jb.net/‘ />
<script type=‘text/javascript‘ src=‘./js/jquery-1.12.1.min.js‘></script>
<title>Inset you title</title>
<style type=‘text/css‘>
    *{margin:0;padding:0;}
    div,form{width:150px;height:20px;margin:20px;}
    #hidden,#user{display:none;}
    #opacity{filter:alpha(opacity=0);opacity:0;}
</style>
<script type=‘text/javascript‘>
    $(function(){
           alert($(‘body :visible‘).get(0).className);
    });
</script>
</head>
<body class=‘body‘>
    <div id=‘hidden‘ class=‘hidden‘>hidden element</div>
    <div id=‘opacity‘ class=‘opacity‘>opacity element</div>
    <form id=‘form‘ class=‘form‘>
        <input type=‘text‘ id=‘user‘ />
        <input type=‘hidden‘ class=‘hidden‘ value=‘hidden-form-input‘/>
    </form>
</body>
</html>
时间: 2024-10-11 16:53:05

[ jquery 选择器 :visible ] 此方法选取匹配所有的可见元素的相关文章

[ jquery 选择器 :header ] 此方法选取匹配如 h1, h2, h3之类的标题元素

此方法选取匹配如 h1, h2, h3之类的标题元素 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keywor

[ jquery 选择器 :empty ] 此方法选取所有不包含子元素或者文本的空元素

此方法选取所有不包含子元素或者文本的空元素: 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,k

[ jquery 选择器 :even ] 此方法选取指定jquery对象中的偶数对象

此方法选取指定jquery对象中的偶数对象: 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,k

[ jquery 选择器 :last ] 此方法选取jquery对象中的最后一个对象

此方法选取jquery对象中的最后一个对象,与:first相对 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,k

[ jquery 选择器 :odd ] 此方法选取指定jquery对象中的奇数对象

<!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,keyword3'> <meta http-

[ jquery 选择器 :gt(index) ] 此方法选取匹配大于指定索引值的所有元素

此方法选取匹配大于指定索引值的所有元素:角标值从0开始计数 <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword

[ jquery 选择器 :lt(index) ] 此方法选取匹配小于指定索引值的所有元素

此方法选取匹配小于指定索引值的所有元素:从 0 开始计数 <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2

jquery选择器的使用方法

html: <div id="div1">我是div1</div><div id="div2" class="div2">我是div2</div><div id="div3">我是div3</div><div id="div4" class="div4">我是div4</div><div

[ jquery 选择器 :first ] 此方法获取指定jquery对象下的第一个元素

获取匹配的第一个元素: 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,keyword3'>