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

<!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. org.apache.hadoop.io.LongWritable cannot be cast to org.apache.hadoop.io.Text

    代码缺少这一行:job.setInputFormatClass(KeyValueTextInputFormat.class);

  2. PC 端 360 云盘初体验

    首先吐槽一下安装软件,文件名是 360wangpan,安装好后软件名称是"360云盘",好歹得统一下嘛,不然还以为下错了安装文件呢. 一般使用和其他网盘差不多,速度也还行,但还是没 ...

  3. 2013 ACM区域赛长沙 I LIKE vs CANDLE(ZOJ3734) 很好的一道树形DP

    题意:一棵有根树,每个节点都有一个value值和属性(zan或是 CANDLE).你可以通过反转一些点的属性,反转一个点时候,它的整个子树都会被反转属性.有些点反转消耗代价为X,有些为Y.你的目标的是 ...

  4. mysql日志清理

    mysql bin-log 日志清理 发现mysql数据库目录中bin-log中日志文件非常大 [root@localhost var]# du -sh mysql-bin* | sort 1020K ...

  5. Linux内核系列之Block块层（一）

    .Block块层入口函数为 genhd_device_init(),先对该函数开始分析: 函数实现源码: static int __init genhd_device_init(void) {     ...

  6. HW3.19

    import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ...

  7. Codeforces335B - Palindrome(区间DP)

    题目大意 给定一个长度不超过5*10^4的只包含小写字母的字符串,要求你求它的回文子序列,如果存在长度为100的回文子序列,那么只要输出长度为一百的回文子序列即可,否则输出它的最长回文子序列 题解 这 ...

  8. c语言 函数返回二位数组 函数参数为二维数组

    通过typedef可以简单实现.也可以直接写. 写了两个简单的矩阵操作的函数简单示例. #include <stdio.h> #include <stdlib.h> const ...

  9. 问题-delphi无法编辑oracle表

    问题现象:在一次开发过程中,遇到了delphi无法编辑oracle表. 问题原因:原来是自己误操作控件的属性了. 问题处理: OraQuery1.ReadOnly:=False; OraQuery1. ...

  10. JavaScript Garden

    Objects Object Usage and Properties Everything in JavaScript acts like an object, with the only two ...