<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>属性选择器</title>

        <script src="js/jquery.js"></script>

        <script type="text/javascript">

        $(function(){

        //选择input标签 下类型属性为text和password的输入框

         $("input[type='text']").css("border","1px solid red");

         $("input[type='password']").click(function(){

             alert("点击事件!")

         });

        //利用尾匹配完成对.cn结尾的超链接筛选

        //$=代表以XXX结尾的情况

        $("a[href$='.cn']").css("border","1px solid green");    

        //^=代表头匹配，筛选http://开头的超链接

        $("a[href^='http://']").css("border","1px solid red");    

        //*=代表任意属性匹配,标签中任意属性值包含有'input'都会被选中

        $("*[value*='input']").css("border","2px solid red");

        //选择拥有rows属性的组建

        $("*[rows]").css("border","2px solid red");

        //选择 选中的单选框 多条件组合

        $("input[type='radio'][checked='checked']").css("width","100px");

        $("input[type='checkbox'][checked='checked']").css("width","100px");

        //被禁用的文本框

        $("input[type='text'][disabled='disabled']").css("border","1px solid blue");

        });

       </script>

    </head>

    <body>

        <div>

            <input type="text"  value=""></input>

            <br>

            <input type="text"  value="input111"></input>

            <br>

            <input type="text"  value=""></input>

            <br>

            <input type="password"  ></input>

            <br>

            <input type="text"  disabled="disabled"  value="diididid"></input>

            <br>

            <br><!--[if IE]>

            <![endif]-->

            <a href="www.sina.com.cn">sina</a>

            <br />

                <a href="http://baidu.com">baidu</a>

                    <br />

             <textarea rows="" ></textarea>

                 <br />

             <input type="radio"  checked="checked" />女

                 <input type="radio" />男

                 <br />

             <input type="checkbox"  checked="checked" />

             <input type="checkbox" />

             <input type="checkbox" />

        </div> 

    </body>

</html>

jQuery学习-属性选择器的更多相关文章

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

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

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

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

  3. jQuery学习(三)——选择器总结

    1.基本选择器 id选择器:$(“#id名称”); 元素选择器:$(“元素名称”); 类选择器:$(“.类名”); 通配符:* 多个选择器共用(并集) 案例代码: <!DOCTYPE html& ...

  4. jquery学习--属性操作

    学习jquery很长一段时间了,知道对属性操作的方式为: $("#xx1").attr("xx2"); //获取属性值 $("#xx1"). ...

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

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

  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> ...

随机推荐

  1. 第八章 SQL高级处理 8-2 GROUPING运算符

    一.同时得到合计行 合计行是不指定聚合键时得到的汇总结果. UNION ALL与UNION的不同之处是它不会对结果进行排序,因此比UNION性能更好.   二.ROLLUP——同时得出合计和小计 GR ...

  2. [WinCE | VS2008 | Solution] VS2008 building WinCE projects taking a long time

    1. Open C:\Windows\Microsoft.NET\Framework\v3.5\Microsoft.CompactFramework.Common.targets 2. Find pa ...

  3. Visual Studio 下nuget命令的使用

    从Visual Studio 2012版本开始默认集成了Nuget扩展,在Visual Studio 2010或以下的版本需要单独安装,安装方法如下: 1. “工具”→“扩展和更新...”,弹出扩展管 ...

  4. 安装matplotlib

    1.1 Linux中安装matplotlib 如果使用的系统自带的python版本,可使用系统的包管理器安装matplotlib,命令如下: $ sudo apt-get install python ...

  5. c基础_笔记_1

    定义变量 int i; 也可以 int i,num; 赋值,c必须先定义变量再赋值 num = 0; 循环for for(i=1; i<=0; i++) { printf("%d \n ...

  6. [转] iOS 动画库 Pop 和 Canvas 各自的优势和劣势是什么？

    iOS 动画库 Pop 和 Canvas 各自的优势和劣势是什么? http://www.zhihu.com/question/23654895/answer/25541037 拿 Canvas 来和 ...

  7. SCCM OS播发

    SCCM OS播发1.在分发点启用PXE支持2.将启动映像包分发到分发点:需要将x86和x64都分发到分发点,如果只分发x64,在客户端pxe启动时会出现 no response from wds s ...

  8. 制作MacOS 系统启动盘

    1,首先需要在一台有MacOS系统,在Apple stroe下载MacOS High Sierra安装程序: 2,准备一个至少8G容量的U盘: 3,打开 “应用程序 → 实用工具 → 磁盘工具”,将U ...

  9. JDBC 连接mysql获取中文时的乱码问题

    前段时间学习JDBC,要连接mysql获取数据.按照老师的样例数据,要存一些名字之类的信息,用的都是英文名,我当时就不太想用英文,就把我室友的名字存了进去,嘿嘿,结果,出问题了. 连接数据库语句: s ...

  10. HBase HA的分布式集群部署（适合3、5节点）

    本博文的主要内容有: .HBase的分布模式(3.5节点)安装    .HBase的分布模式(3.5节点)的启动 .HBase HA的分布式集群的安装 .HBase HA的分布式集群的启动    .H ...