jQuery选择


介绍

jQuery选择器在HTML文档中选择或查找DOM(文档对象模型)元素。它用于根据id,名称,类型,属性,类等选择HTML元素。它基于现有的CSS选择器。

句法

  • 标签:没有标记,直接使用标签
  • Id: #id
  • 类: .className
  • 属性: [attributeName]
  • 具有值的属性: [attributeName ='value']
  • 属性以值^=开头: [attributeName ^= 'value']
  • 属性以值$=结尾: [attributeName $='value']
  • 属性包含值*=[attributeName *= 'value']
  • 伪选择器:pseudo-selector
  • 任何后代:选择器之间的空间
  • 直接孩子: >选择者之间
  • 第一个跟随兄弟姐妹: +
  • 不相邻的兄弟姐妹在第一个: ~
  • 或者: , (逗号)选择器之间

备注

在为包含一些特殊字符的classidattribute编写selectors

! " # $ % & ' ( ) * + , . / : ; < = > ? @ [ \ ] ^ { | } ~

需要使用两个反斜杠\\来转义字符。

例如。

<span id="temp.foobar"><span>

选择器将被框起来,

$('#temp\\.foobar')

选择 相关例子