<!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学习- 内容选择器的更多相关文章

  1. jQuery学习之------选择器

    a.id选择器 <div id=”test1”></div> var div1=$(“#test1”);                //同css的写法一样id选择器用#号实 ...

  2. jQuery的内容选择器

    JQuery中的内容选择器 JQuery中的内容选择器有四个: :contains(text) 匹配包含给定文本的元素 :empty 匹配所有不包含子元素或者文本的空元素 :has(selector) ...

  3. jquery学习：选择器&dom操作

    分类; 1.基本选择器 1.标签选择器(元素选择器) *  语法:$("html标签名”) 获得所有匹配标签名称的元素 2.id选择器 *  语法:$("#id的属性值" ...

  4. jquery 学习(一) - 选择器

    基本选择器(html) <div>123</div> <div id="n1">123</div> <span>321& ...

  5. jQuery学习- 子选择器与可见性选择器

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. jQuery学习- 层叠选择器

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. jQuery学习- 位置选择器

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. jQuery学习-属性选择器

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. jQuery学习-基本选择器

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

随机推荐

  1. Sql Server tempdb原理-启动过程解析实践

    我们知道在SqlServer实例启动过程中数据库会进行还原(Redo,Undo)然后打开提供服务,但我们知道tempdb是不提供重做机制的(Redo)那tempdb是如何还原的呢?如果tempdb损坏 ...

  2. Java各种数据库连接大全

    1.Oracle8/8i/9i数据库(thin模式) Class.forName("oracle.jdbc.driver.OracleDriver").newInstance(); ...

  3. 铁乐学python_day04-作业

    1,写代码,有如下列表,按照要求实现每一个功能 li = ['alex', 'wusir', 'eric', 'rain', 'alex'] 计算列表的长度并输出 print(len(li)) 答:结 ...

  4. Sublime Text3 使用总结

    一.简介: Sublime Text 3是一款强大而精巧的文本编辑器 [点击下载].它的界面友好.功能非凡.性能极佳可令代码高亮.语法提示.自动完成更重要的是,它支持众多插件扩展——锦上添花.强之又强 ...

  5. openoffice centos7.4 安装

    其他是配置好java环境后操作 1.下载软件 http://www.openoffice.org/download/other.html 2.安装 tar xf Apache_OpenOffice_4 ...

  6. 使用github客户端上传文件（瓜皮教程）

    因为栋哥的课才接触道github这个东西,离第一次接触大概有一年左右了吧,记得不是太清楚了,但是,直到前几天前我还是不知道如何配置,利用git上传文件,之前也是叫同学帮忙弄得,但是这次软工实践要频繁用 ...

  7. 归并排序（php实现）

    <?php function mergeSort(&$arr){ $len = count($arr); msort($arr,0,$len-1); } function msort(& ...

  8. Extjs TreePanel API详解

    转自:http://web.qhwins.com/CSS-JS-XML/2011091312092944999107.html config定义{ animate : Boolean, contain ...

  9. 最简单的php学习

    php文件操作函数 filetype()判断文件的基本类型 egg 目录文件  文件  等  dir文件夹 file 文件 stat()函数获得指定文件名参数目标文件的基本属性 在php中以is_开头 ...

  10. 20145203盖泽双 《Java程序设计》第7周学习总结

    20145203盖泽双 <Java程序设计>第7周学习总结 教材学习内容总结 1.如果使用JDK8的话,可以使用Lambda特性去除重复的信息. 2.在只有Lambda表达式的情况下,参数 ...