码迷,mamicode.com
首页 > Web开发 > 详细

jQuery学习- 内容选择器

时间:2016-11-15 16:52:50      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:jquery   src   alt   nbsp   cccccc   value   ges   span   选择器   

技术分享

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>内容选择器</title>
        <script src="js/jquery.js"></script>
        <script type="text/javascript">
        $(function(){
        //利用:contains获取包含指定文本内容的组件    ,取得包含b的段落
//        $("p:contains(b)").css("border","2px solid red");
        
        //查找拥有子元素为input且类型为text的div对象
//        $("div:has(input[type=‘text‘])").css("border","2px solid orange");
        
        //标出拥有子元素 ,非空元素,利用:parent选择器 获取所有非空元素
//        $("*:parent").css("border","2px solid orange");
        
        //标出所有空元素,利用 :empty
//        $("*:empty").css("border","2px solid blue");
        
        //获取表单下所有输入元素
//        $(":input").css("border","2px solid orange");
        //获取所有按钮
//        $(":button, :submit, :reset").css("border","2px solid orange");
        //利用:disable 获取所有不可用表单元素
        $(":disable").css("border","2px dottle red");
        
        })
        //
        </script>
    </head>
    <body>
        <div>
            <p>
                aaaaaaaaaaaaaaaaaaaaaa
            </p>
            <p>
                bbbbbbbbbbbbbbbbbbbbbb
            </p>
            <p>
                ccccccccccccccccccccccccc
            </p>
        </div>
        <div>
            name:<input type="text" />
        </div>
        <div>
            <input type="button" value="sumbit" />
        </div>
        <div>
            <input type="button" value="ca"  disabled="disabled"/>
        </div>
        <p>
            
        </p>
        <form>
            
            <input type="button" value="formbutton"  disabled="disabled"/>
        </form>
    </body>
</html>

 

jQuery学习- 内容选择器

标签:jquery   src   alt   nbsp   cccccc   value   ges   span   选择器   

原文地址:http://www.cnblogs.com/whzym111/p/6066025.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!