<!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. linux下postgresql的安装与卸载

    安装: sudo apt-get update sudo apt-get install postgresql 启动: sudo /etc/init.d/postgresql start 查看是否启动 ...

  2. Ubuntu做Tomcat服务：insserv: warning: script 'tomcat' missing LSB tags and overrides

    https://blog.csdn.net/hanchao5272/article/details/79819460 转载自:https://blog.bbzhh.com/index.php/arch ...

  3. The Master of Science degree in Computer Scienc

    Computer Science MS Degree MS Degree or Depth       45.00 Hours Required   http://scpd.stanford.edu/ ...

  4. SPH算法（求最小代价树）

    一.sph算法简介 1.最小代价树算法 SPH算法也叫做MPH( minimum path heuristic)算法, 用于构造时延约束最算法小代价组播树. 该算法中每 个目的结点通过与当前组播树有最 ...

  5. 对于开发WEB方面项目需要的工具和技术了解

    1.IDE:Webstorm,JavaScript 开发工具. 2.版本管理系统:Git,独一无二. 3.单元测试:jsamine,前后端共用.Jasmine是我们梦寐以求的Javascript测试框 ...

  6. MySQL主从.md

    MySQL Replication 概述 Mysql内建的复制功能是构建大型,高性能应用程序的基础.将Mysql的数据分布到多个系统上去,这种分布的机制,是通过将Mysql的某一台主机的数据复制到其它 ...

  7. 第五周：MySQL数据库

    首先,先了解一下数据库的基本概念要点: 数据库是数据存储的集合,表示数据结构化的信息 列存储表中的信息 行存储表的明细 主键是表中的唯一标识 主键不具备业务意义 在实际操作中,对表的主键不做强制性要求 ...

  8. CF600E:Lomsat gelral(线段树合并)

    Description 一棵树有n个结点,每个结点都是一种颜色,每个颜色有一个编号,求树中每个子树的最多的颜色编号的和. Input 第一行一个$n$.第二行$n$个数字是$c[i]$.后面$n-1$ ...

  9. 在yii中使用memcache

    yii中可以很方便的使用memcache 一.配置在main.php的components中加入cache配置 array( 'components'=>array( 'cache'=>a ...

  10. （第二章）改善JavaScript，编写高质量代码。

    建议34:字符串是非值操作 var a = "javascript"; var b = a; b = b.toUpperCase(); alert(a); //javascript ...