<!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. 从本机构建Windows应用程序虚拟机映像

    下图描述了总体的虚拟机映像的VHD生成,上传以及发布到 Azure 镜像市场的全过程: 具体步骤如下: 在本地计算机(Windows平台)上安装Hyper-V,并安装您所需要的虚拟机操作系统 在此操作 ...

  2. Oracle EBS PO采购订单更新

    DECLARE l_result NUMBER; l_progress NUMBER; l_errors PO_API_ERRORS_REC_TYPE; l_chg PO_CHANGES_REC_TY ...

  3. python基础_特殊符号

    #\n 回车符 #\r 换行符 #\s 空格 #\t tab符号,不知道?开个txt文本,然后按电脑的tab键,就是caps lock上面那个,卧槽,看到一个大长空格(也可能是个超短空格),这个就是t ...

  4. [UI] 精美UI界面欣赏[6]

    精美UI界面欣赏[6]

  5. 下拉刷新对象RefreshObject

    下拉刷新对象RefreshObject 效果 说明 1. 分离了动画实现与刷新逻辑 2. 你可以根据自己的需要,设计自己的动画效果,你的动画只需要继承协议,实现协议里面的方法即可 3. 本设计方案是用 ...

  6. spider-抓取网页内容(Beautiful soup)

    http://jingyan.baidu.com/article/afd8f4de6197c834e386e96b.html http://cuiqingcai.com/1319.html Windo ...

  7. C++ Boost在Windows和Linux下的编译安装

    再debian下直接apt-get install gcc g++就可以了.按照类似的逻辑,再Fedora下yum install gcc g++ 报告无法找到g++包. 差了一下,原来这个包的名字叫 ...

  8. September 19th 2017 Week 38th Tuesday

    Live boldly. Push yourself. Don't settle. 勇敢生活,突破自我,永不设限! Don't indulge in the past, whether it was ...

  9. 关于for...in和for...of的思考

    关于for...in和for...of的思考 在编写js代码的时候,我们经常性的要对数据集合进行遍历,Array.Object.以及ES6新属性Map.Set,甚至String类型都是可遍历的. 我们 ...

  10. Hibernate事务、缓存和连接池

    一.事务 1.数据库事务的概念 数据库事务是指由一个或多个SQL语句组成的工作单元,这个工作单元中的SQL语句相互依赖,如果有一个SQL语句执行失败,就必须撤销整个工作单元.在并发环境中,多个事务同时 ...