$("#myDiv");   //根据给定的ID匹配一个元素,用于搜索id 属性中给定的值,id属性必须是唯一的

$("div");     //根据给定的元素名匹配所有元素,搜索指向dom节点的标签名

$(".myClass");     //根据给定的类匹配元素,用以搜索的类。一个元素可以有多个类,只要有一个符合就能被匹配到

$("div,.myClass");    //将每一个选择器匹配到的元素合并后一起返回,可以指定多个元素
返回示例:
<div>this is div</div>
<p class=".myClass">指定类</p>

结果:
<div>div</div>,<p class=".myClass"></p>
$("form input");或者$("div input");     //在给定的父元素元素下匹配所有的子元素

$("div > input");    //给定的父元素下匹配所有的子元素
<div>
  <label>id</label>
  <input name="name" />
  <ul>
      <li>Newsletter:</li>
 </ul>
</div>
<input name="none" />

结果:
<input name="name" />
$('li:first');   //获取li下面的第一个元素
$('li:last');    //获取li下面的最后一个元素

$("input:not(:checked)")或者$("div:not(a)");     //排除掉input所有选中的元素筛选,排除掉div下的所有a标签

$("li:even");   //匹配所有索引值为偶数的元素,从 0 开始计数
例:
<ul>
     <li>第一个</li>
     <li>第二个</li>
     <li>第三个</li>
     <li>第四个</li>
</ul>
结果:
<li>第一个</li>,<li>第三个</li>
$("li:odd");    //匹配所有索引值为奇数的元素,从 0 开始计数,与上面例子相反

$("li:eq(1)");    //匹配给定索引值的元素,从0开始计数,拿上面例子,返回结果为<li>第二个</li>

$("li:gt(0)")和$("li:lt(2)");     //第一个查找所有大于给定索引值的元素,第二个所有小于给定索引值的元素
例:
<ul>
     <li>第一个</li>
     <li>第二个</li>
     <li>第三个</li>
     <li>第四个</li>
</ul>

第一个返回结果:
所有大于给定索引值的元素:<li>第二个</li>,<li>第三个</li>,<li>第四个</li>

第二个返回结果:
所有小于给定索引值的元素:<li>第一个</li>,<li>第二个</li>,<li>第三个</li>
$(".myClass").css("background", "#EEE");    //给类名myClass的所有元素加背景颜色

$("#myId:focus");   //给id名为myId设置焦点

$("div:contains('sevennight')");   //查找所有div下包含sevennight的元素

$("div:has(p)").addClass("test");给所有包含 p 元素的 div 元素添加一个 text 类

$("td:parent");   //查找所有含有子元素或者文本的 td 元素

$("div:hidden");   //查找隐藏的 div,或者type为hidden的元素

$("div:visible");   //查找所有的可见div元素

$("input[name='myOption']").attr("checked", true);   //查找input所有input标签name等于myOption的属性checked为true的元素

$("input[name!='myOption']").attr("checked", true);  //查找input所有input标签name不等于myOption的属性checked为true的元素

$("input[name^='seven']");  //查找input name以seven开始的元素,<input name="sevennight" />, <input name="sevenDay" />

$("input[name$='day']");  //查找input name以day结尾的元素,与上面相反

$("input[name*='a']");   //查找所有input name包含a的元素

$("input['.myClass'][name$='over']"); //查找class名为myClass的元素,并且此元素name以over结尾
 
$("input:checked");   //查找所有选中的复选框,单选框
$("select option:selected");   //查找option所有选中的选项元素

<<< Jquery查找元素、选择器使用方法总结的更多相关文章

  1. 简单物联网:外网访问内网路由器下树莓派Flask服务器

    最近做一个小东西,大概过程就是想在教室,宿舍控制实验室的一些设备. 已经在树莓上搭了一个轻量的flask服务器,在实验室的路由器下,任何设备都是可以访问的:但是有一些限制条件,比如我想在宿舍控制我种花 ...

  2. 利用ssh反向代理以及autossh实现从外网连接内网服务器

    前言 最近遇到这样一个问题,我在实验室架设了一台服务器,给师弟或者小伙伴练习Linux用,然后平时在实验室这边直接连接是没有问题的,都是内网嘛.但是回到宿舍问题出来了,使用校园网的童鞋还是能连接上,使 ...

  3. 外网访问内网Docker容器

    外网访问内网Docker容器 本地安装了Docker容器,只能在局域网内访问,怎样从外网也能访问本地Docker容器? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Docker容器 ...

  4. 外网访问内网SpringBoot

    外网访问内网SpringBoot 本地安装了SpringBoot,只能在局域网内访问,怎样从外网也能访问本地SpringBoot? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装Java 1 ...

  5. 外网访问内网Elasticsearch WEB

    外网访问内网Elasticsearch WEB 本地安装了Elasticsearch,只能在局域网内访问其WEB,怎样从外网也能访问本地Elasticsearch? 本文将介绍具体的实现步骤. 1. ...

  6. 怎样从外网访问内网Rails

    外网访问内网Rails 本地安装了Rails,只能在局域网内访问,怎样从外网也能访问本地Rails? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Rails 默认安装的Rails端口 ...

  7. 怎样从外网访问内网Memcached数据库

    外网访问内网Memcached数据库 本地安装了Memcached数据库,只能在局域网内访问,怎样从外网也能访问本地Memcached数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装 ...

  8. 怎样从外网访问内网CouchDB数据库

    外网访问内网CouchDB数据库 本地安装了CouchDB数据库,只能在局域网内访问,怎样从外网也能访问本地CouchDB数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Cou ...

  9. 怎样从外网访问内网DB2数据库

    外网访问内网DB2数据库 本地安装了DB2数据库,只能在局域网内访问,怎样从外网也能访问本地DB2数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动DB2数据库 默认安装的DB2 ...

  10. 怎样从外网访问内网OpenLDAP数据库

    外网访问内网OpenLDAP数据库 本地安装了OpenLDAP数据库,只能在局域网内访问,怎样从外网也能访问本地OpenLDAP数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动 ...

随机推荐

  1. C#中Split用法

    1.用字符串分隔:  using System.Text.RegularExpressions; string str="aaajsbbbjsccc"; string[] sArr ...

  2. Oracle 11g 单实例安装文档

    这里介绍在Red Hat Enterprise Linux Server release 5.7 (Tikanga)下安装ORACLE 11.2.0.1.0的过程,本文仅仅是为了写这样安装指导文档而整 ...

  3. PHP实现堆排序

    经验 工作了,面试我工作这家公司时被技术面打击得不行,因为自己的数据结构等基础学得实在太差,虽然原来是想做设计师的说...不过看在PHP写得还凑合的份上能来实习了,但还是决心恶补一下基础. 其实自己之 ...

  4. x01.Weiqi.7: 调整重绘

    GitHub 谁方便谁拍,谁重要拍谁.在这个砖头满天飞的时代,一个好的生态显得尤为重要.  红颜小头发,要的很简单. 也许成绝唱,只因鱼断肠. 姚贝福娃的离去,除感叹人生无常外,活着做点有意义的事情, ...

  5. 有关stm32的问题,程序里面的u8、u16这些是什么意思啊

    u8 是 unsigned charu16 是 unsigned shortu32 是 unsigned int

  6. C++系统预定义4个用于标准数据流对象

    C++系统预定义4个用于标准数据流对象 cin   cout   cerr   clog C++里关于cerr,clog,cout三者的区别: cerr(无缓冲标准错误)-----没有缓冲,发送给它的 ...

  7. 用MATLAB对信号做频谱分析

    1.首先学习下傅里叶变换的东西.学高数的时候老师只是将傅里叶变换简单的说了下,并没有深入的讲解.而现在看来,傅里叶变换似乎是信号处理的方面的重点只是呢,现在就先学习学习傅里叶变换吧. 上面这幅图在知乎 ...

  8. ubuntu 14.04 ns2.35 ***buffer overflow detected **: ns terminated解决办法

    1.按照如下教程安装 Install With Me !: How to Install NS-2.35 in Ubuntu-13.10 / 14.04 (in 4 easy steps) 2.运行一 ...

  9. java多线程系类:JUC线程池:05之线程池原理(四)(转)

    概要 本章介绍线程池的拒绝策略.内容包括:拒绝策略介绍拒绝策略对比和示例 转载请注明出处:http://www.cnblogs.com/skywang12345/p/3512947.html 拒绝策略 ...

  10. js实现弹框及自动关闭

    <SCRIPT LANGUAGE="javascript"> < !-- window.open (''page.html'',''newwindow'',''h ...