Looking for jquery Answers? Try Ask4KnowledgeBase
Looking for jquery Keywords? Try Ask4Keywords

jQuerySelectores


Introducción

Los selectores de jQuery seleccionan o encuentran un elemento DOM (modelo de objeto de documento) en un documento HTML. Se utiliza para seleccionar elementos HTML basados ​​en id, nombre, tipos, atributos, clase, etc. Se basa en selectores de CSS existentes.

Sintaxis

  • Etiqueta: Sin marcador, usa la etiqueta directamente
  • Id: #id
  • Clase: .className
  • Atributo: [attributeName]
  • Atributo con valor: [attributeName ='value']
  • El atributo comienza con el valor ^= : [attributeName ^= 'value']
  • El atributo termina con el valor $= : [attributeName $='value']
  • El atributo contiene el valor *= : [attributeName *= 'value']
  • Pseudo-selector :pseudo-selector
  • Cualquier descendiente: espacio entre selectores.
  • Niños directos: > entre selectores
  • Hermano adyacente siguiendo el primero: +
  • Hermano no adyacente después de la primera: ~
  • O: , (coma) entre el selector

Observaciones

Al escribir selectors para la class o id o attribute que contiene algunos caracteres especiales como

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

los caracteres deben escaparse utilizando dos barras \\ inversas \\ .

p.ej.

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

los selectores serán enmarcados como,

$('#temp\\.foobar')

Selectores Ejemplos relacionados