选择器按属性，子元素，表单匹配元素

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>属性 子元素 表单</title>

<style type="text/css">

</style>

<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>

<script type="text/javascript">

    $(function(){

        //属性

        $("input[name]").css('border-color','red');//具有name属性的input标签

        $("input[name='zhanghao']").css('height','20px');//匹配指定name属性值的input标签

        $("input[name!='zhanghao']").css('height','20px');//匹配name属性不是指定值的input标签

        $("input[name^=zh]")//匹配name值以zh开头的input标签

        $("input[name$=ma]")//匹配name值以ma结尾的input标签

        $("input[name*=m]")//匹配name值含有m的input标签

        // $("input[][][]")[]可以有一个属性选择一共可以有多个选择

        //子元素

        $("form input:nth-child(1)").css('font-size','20px');//查找所有form的第一个input字标签nth-child()角标从1开始

        $("form input:first-child")//查找每一个form的第一个input标签

        $("form input:last-child")//查找每一个form的最后一个input标签

        $("form input:only-child")//查找所有form标签只有唯一子元素的input标签

        //表单

        $(':input')//匹配所有的input textarea select button元素

        $(':text')//匹配所有文本框

        $(':password')//匹配所有密码框

        $(':radio')//匹配所有单选按钮

        $(':checkbox')//匹配所有复选框

        $(':submit')//匹配所有提交按钮

        $(':image')//匹配所有图像域

        $(':reset')//匹配所有重置按钮

        $(':button')//匹配所有按钮

        $(':file')//匹配所有文本域

        $(':hidden')//匹配所有不可见元素

        $(':enabled')//匹配所有可用元素

        $(':disabled')//匹配所有不可用元素

        $(':checked')//匹配所有被选中的元素

        $('selected')//匹配所有选中的option元素

    })

</script>

</head>

<body>

    <form>

        帐号：<input type="text" name="zhanghao"><br/>

        密码：<input type="password" name="mima"><br/>

        <input type="button" value="完成">

    </form>

</body>

</html>

jqery基础知识的更多相关文章

  1. jqery基础知识实例(二)

    无缝滚动 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...

  2. .NET面试题系列[1] - .NET框架基础知识(1)

    很明显,CLS是CTS的一个子集,而且是最小的子集. - 张子阳 .NET框架基础知识(1) 参考资料: http://www.tracefact.net/CLR-and-Framework/DotN ...

  3. RabbitMQ基础知识

    RabbitMQ基础知识 一.背景 RabbitMQ是一个由erlang开发的AMQP(Advanced Message Queue )的开源实现.AMQP 的出现其实也是应了广大人民群众的需求,虽然 ...

  4. Java基础知识（壹）

    写在前面的话 这篇博客,是很早之前自己的学习Java基础知识的,所记录的内容,仅仅是当时学习的一个总结随笔.现在分享出来,希望能帮助大家,如有不足的,希望大家支出. 后续会继续分享基础知识手记.希望能 ...

  5. selenium自动化基础知识

    什么是自动化测试? 自动化测试分为:功能自动化和性能自动化 功能自动化即使用计算机通过编码的方式来替代手工测试,完成一些重复性比较高的测试,解放测试人员的测试压力.同时,如果系统有不份模块更改后,只要 ...

  6. [SQL] SQL 基础知识梳理（一）- 数据库与 SQL

    SQL 基础知识梳理(一)- 数据库与 SQL [博主]反骨仔 [原文地址]http://www.cnblogs.com/liqingwen/p/5902856.html 目录 What's 数据库 ...

  7. [SQL] SQL 基础知识梳理（二） - 查询基础

    SQL 基础知识梳理(二) - 查询基础 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5904824.html 序 这是<SQL 基础知识梳理( ...

  8. [SQL] SQL 基础知识梳理（三） - 聚合和排序

    SQL 基础知识梳理(三) - 聚合和排序 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5926689.html 序 这是<SQL 基础知识梳理 ...

  9. [SQL] SQL 基础知识梳理（四） - 数据更新

    SQL 基础知识梳理(四) - 数据更新 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5929786.html 序 这是<SQL 基础知识梳理( ...

随机推荐

  1. PHP静态化之真静态化

    参考文献:http://blog.sina.com.cn/s/blog_66aa1142010114lc.html 采用了动态服务器技术生成静态HTML的做法,这样做的好处是:一是能减轻其服务器的负担 ...

  2. Linux文件类型与扩展名

    Linux文件类型和Linux文件的文件名所代表的意义是两个不同的概念.我们通过一般应用程序而创建的比如file.txt.file.tar.gz ,这些文件虽然要用不同的程序来打开,但放在Linux文 ...

  3. UVA 11426 GCD - Extreme (II) 欧拉函数

    分析:枚举每个数的贡献,欧拉函数筛法 #include <cstdio> #include <iostream> #include <ctime> #include ...

  4. 对apache和memcache进行压力测试

    工作中经常使用的软件之二:apache和memcache 以前经常听说memcache的TPS能达到几万,但一直也不知道apache的性能到底如何,所以在闲暇之余,就自己做了一下压力测试. 环境:两台 ...

  5. ModelSim仿真

    (1)出现“Fatal: SDF files require Altera primitive library”  书上的方法是在ModelSim-SE下的使用,而我用的是ModelSim-Alter ...

  6. Red5 1.0.5安装过程记录

    Red5从旧的服务器切换到了github上后,截至20150702仍未更新文档.为了搭建Red5开发环境,我像无头苍蝇一样乱转了很多博客和StackOverflow.藉此记录这次安装过程,希望能够帮助 ...

  7. mvc 4 Razor （@html.xx）语法大全以及应用

    Razor语法大全  @Html ASP.NET MVC 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction差别 对这 ...

  8. insertion Sort List (链表的插入排序) leecode java

    逻辑简单,代码难写,基础不劳,leecode写注释不能出现中文,太麻烦,我写了大量注释,链表问题最重要的就是你那个指针式干啥的 提交地址https://oj.leetcode.com/problems ...

  9. synchronize学习

    这个例子我们看到,java中将对象或者Class对象当做锁 package synchronized简单使用; public class Test7 extends Thread{ public st ...

  10. CF_402D Upgrading Array 因式分解

    题目链接:http://codeforces.com/problemset/problem/402/D /**算法分析: */ #include<bits/stdc++.h> #defin ...