Per què necessitem i com gravar JQuery selector?

dissenyador de pàgines web modern no només ha de dominar els conceptes bàsics de l'HTML, CSS i JavaScript, però també ser capaç de treballar a la biblioteca jQuery, que se centra en la interacció de JavaScript amb documents HTML. Que permet un ràpid accés a qualsevol element DOM (interfície de programació d'aplicacions que proporciona accés al contingut arxius html) i manipular-los. Les principals unitats estructurals de la biblioteca són l'equip. Per a l'aplicació d'un o altre equip, es necessita un selector de jQuery.

selectors de fórmula a la biblioteca JQuery

Els selectors de jQuery basen en l'ús de CSS. Ells estan obligats a seleccionar elements HTML en arxius, per utilitzar-los per causar aquests o altres mètodes de manipulació d'ells (l'equip). Cerca es realitza a través de la funció de selector de $ (). Per exemple, $ ( 'div').

Els selectors es poden classificar en funció de com la selecció d'elements:

• bàsica;
• per atribut;
• la jerarquia;
• contingut;
• sobre la situació;
• elecció dels camps de formulari;
• altres.

selectors de clau

En el 90% dels casos quan s'utilitza aquesta biblioteca s'utilitza JQuery-selector pertanyent al grup principal. Tots ells són bastant simple i clar. Considerem cada un d'ells:

• * - selecciona tots els elements de la pàgina, incloent el cap, el cos, etc. ;.
• p / div / barra lateral / ... - selecciona tots els elements pertanyents a l'etiqueta per defecte (és a dir, per p.div, barra lateral, etc ...);
• .myClass / p.myClass - selecciona els elements amb el nom de la classe especificada;
• # MyID / p # MyID -. Selecciona un tema determinat amb l'identificador donat.

Heus aquí un exemple. Diguem que hem de seleccionar tots els elements de la pàgina amb l'entrada de la classe nominal serà de la següent manera: (. Par) $. Si cal només p elements d'aquesta classe, a continuació, escriure: $ (p.par).

selectors d'atributs

Podeu utilitzar el selector principal jQuery, si hem de seleccionar un element pertanyent a una classe que té ID o seleccionar tots els elements de la pàgina. No obstant això, hi ha casos quan un element no té cap classe o ID. És per aquesta i hi ha seleccions d'atribut. Ells li permeten fer una selecció en algun atribut dels elements HTML, com href o src. Aquest atribut està escrit en claudàtors [].

L'exemple més simple: $ ([font]) - selecciona tots els elements que tenen l'atribut src. És possible reduir la mostra mitjançant l'especificació de cert valor d'atribut: $ ([src = 'http: // lloc / article / 132.222 / valor']).

Podeu utilitzar alguns selectors jQuery si vol reduir el camp d'elecció. Per exemple, $ (p [color = blue] [size = 12]) - es seleccionen només aquells elements p, que tenen un color i grandària 12 blau.

contingut de selectors

En aquest cas, si no és possible seleccionar elements en funció dels atributs o selectors bàsics, ha de consultar al seu contingut. En total hi ha 4 selector d'aquest tipus:

• : Conté - selecciona els elements que contenen el text especificat;
• : Ha - selecciona elements que contenen altres elements característics de la línia;
• : Parent - selecciona elements que contenen qualsevol altre;
• : Buit - selecciona els elements que no contenen cap altre.

Heus aquí un exemple. Per seleccionar tots els elements div, que conté el text de la Hola, has de escriure $ (div: conté ( 'Hola')).

jerarquia de selectors

Hi ha una altra manera de seleccionar elements en jQuery, és a dir, - d'acord amb la seva jerarquia (és a dir, la proporció d'un a a la pàgina HTML). Molts d'ells, per la qual cosa es presenten dos dels més populars, "nen" i "descendent".

En el primer cas es seleccionen els elements, que són descendents directes (fills) d'un element donat (ancestre). Per exemple, per seleccionar els elements de la llista en la classe de llum que és una llista de navegació nen, llavors ha d'escriure: $ (ul # nav> li.light).

El segon cas - una més general. No es poden seleccionar i descendents indirectes de l'element. Per exemple, per seleccionar els enllaços dins de la llista de navegació prescriuen: $ (ul # nav a).

Així, en JQuery elements poden seleccionar-se de diverses maneres mitjançant l'ús de paràmetres com ara classe, ID, atributs, contingut o jerarquia d'elements HTML en documents.