Por que necesitamos e como gardar JQuery-selector?

Modern Deseño Web debe non só dominar o básico de HTML, CSS e JavaScript, pero tamén ser capaz de traballar na biblioteca jQuery, que incide sobre a interacción de JavaScript con HTML-documentos. Que permite o acceso rápido a calquera elemento DOM (interface de programación de aplicación que permite acceder a ficheiros HTML contido) e manipula-los. As principais unidades estruturais da biblioteca son o equipo. Co fin de aplicar unha ou outro equipo, precisa dun JQuery-selector.

selectores fórmula na biblioteca JQuery

Os selectores en jQuery con base no uso de CSS. Son obrigados a seleccionar elementos HTML-file, para usalos para causar estes ou outros métodos de manipulación eles (o equipo). Investigación é realizada a través da función de selector $ (). Por exemplo, $ ( 'div').

Os selectores poden ser clasificadas en función de como a selección de elementos:

• básica;
• por atributo;
• a xerarquía;
• contido;
• sobre a situación;
• elección de campos de formularios;
• outros.

selectores clave

No 90% dos casos, cando se utiliza esta biblioteca é utilizada JQuery-selector pertencente ao grupo principal. Todos eles son moi sinxelo e claro. Imos considerar cada un deles:

• * - selecciona todos os elementos da páxina, incluíndo a cabeza, corpo, etc ;.
• p / p / barra lateral / ... - selecciona todos os elementos referentes ao marcador predeterminada (isto é, a p.div, barra lateral, etc ...);
• .myClass / p.myClass - selecciona os elementos co nome de clase especificada;
• # MyID / p # MyID -. Selecciona calquera elemento co ID indicado.

Aquí está un exemplo. Imos dicir que necesitamos seleccionar todos os elementos da páxina con entrada de clase par será o seguinte: (. Par) $. Se é necesario só p elementos desta clase, a continuación, escribir: $ (p.par).

selectores de atributos

Podes usar o principal selector jQuery, se necesitamos para seleccionar un elemento pertencente a calquera clase con ID ou seleccione todos os elementos da páxina. Con todo, hai casos en que un elemento non ten ningunha clase ou ID. É por esta e hai seleccións por atributos. Eles permiten que faga unha selección nalgún atributo dos elementos HTML, tales como href ou src. Este atributo está escrito en corchetes [].

O exemplo máis simple: $ ([src]) - selecciona todos os elementos que teñen atributo src. Pode reducir a mostra especificando determinado valor atributo: $ ([src = 'http: // web / artigo / 132222 / value']).

Podes usar algúns selectores jQuery se quere restrinxir o campo de opción. Por exemplo, $ (P [= cor azul] [tamaño = 12]) - son seleccionados só os elementos de p, que ten unha cor e tamaño 12 azul.

contido selectores

Neste caso, se non pode seleccionar elementos en base a atributos ou selectores básicos, ten que consultar o seu contido. En total hai catro selector deste tipo:

• : Contén - selecciona os elementos que conteñan o texto especificado;
• : Ten - selecciona elementos que conteñen outros elementos característicos da liña;
• : Pai - selecciona elementos que conteñen calquera outro;
• : Baleiro - selecciona elementos que non conteñen ningún outro.

Aquí está un exemplo. Para seleccionar todos os elementos div, contendo o texto da Ola, ten que escribir $ (div: contén ( 'Ola')).

xerarquía selectores

Hai outra forma de seleccionar elementos en jQuery, é dicir, - segundo a súa xerarquía (isto é, a proporción de outro na páxina HTML). Moitos deles, polo que presentamos dous dos máis populares, "neno" e "descendente".

No primeiro caso, os elementos son seleccionados, que son descendentes directos (nenos) dun dato elemento (antepasado). Por exemplo, para seleccionar os elementos da lista na clase luz que é unha lista nav fillo, entón tes que escribir: $ (UL # nav> li.light).

O segundo caso - un máis xeral. Non poden ser seleccionados e descendentes indirectos do elemento. Por exemplo, para seleccionar as ligazóns dentro da lista nav prescribir: $ (UL # nav a).

Así, en JQuery elementos poden ser seleccionadas de varias maneiras, empregando parámetros como unha clase, ID, atributos, contidos ou xerarquía de elementos HTML en documentos.