Dar una buena acogida.
En este video retomaremos donde lo dejamos y seguiremos hablando de algunos de estos
métodos importantes que quiero mostrarles que el próximo que vamos a discutir es después de las ocho.
Y es corto para el atributo así que voy a ir a los documentos y solo buscar atributos.
Va a estar arriba aquí ETR.
Aquí vamos.
Y para lo que lo usamos es recuperar el valor de un atributo.
elemento en un conjunto de elementos coincidentes o establece uno o más atributos para cada elemento coincidente.
De acuerdo con los documentos, obtiene el valor de un atributo para el primer
Entonces podemos recuperar un atributo o podemos establecer un atributo.
Con suerte, ya se está notando un patrón donde con estos métodos podemos obtener información
para recuperar un atributo o recuperar el estilo o recuperar el texto o enfurecerlo.
Y luego también podemos establecerlos pasándole un argumento al método.
Entonces, un método se comporta de dos maneras diferentes.
Y este paradigma se llama el paradigma getter and setter, donde tenemos un getter para recuperar
información y un setter para establecer un nuevo valor.
Echemos un vistazo a algunos de los ejemplos aquí.
Los documentos de código G siempre tienen excelentes ejemplos y documentación y escritura de estilo tutorial.
Así que echemos un vistazo aquí.
Tenemos una imagen y tiene un I. RE. una fuente y un texto alternativo para que podamos
seleccionar eso para poder seleccionar la imagen con una gran identificación con foto gran foto punto H.
Y pasamos por lo que intentamos cambiar, que es Alt.
Y luego podemos pasarlo en un nuevo valor y también puede ver aquí. Podemos usar TTR para establecer múltiples valores a
la vez o múltiples atributos.
Así que podemos establecer el texto y el atributo del título pasando un objeto como el método CSSA.
DE ACUERDO.
Así que juguemos con esto
Aquí está nuestra página con la que hemos estado trabajando.
Voy a agregar un poco más de cada equipo que contentaré.
Así que en la parte inferior aquí voy a agregar una etiqueta de imagen y la fuente va a ser mi pino favorito.
Muy adorable.
vamos a hacer es usar la consulta J y el método TTR para cambiar esa fuente de imagen al aterrador pino martin.
Y lo que
DE ACUERDO.
Entonces refrescará nuestra página.
Aquí está nuestra imagen y lo que sería un buen primer ejercicio es seleccionar la imagen y hacerla un
poco más manejable y más pequeña.
Así que seleccionaremos la imagen y nos pondremos en contacto con nosotros, y podemos comenzar simplemente mirando qué ancho es actualmente,
que es de 1133 píxeles y vamos a hacerlo mucho más pequeño.
Así que cambiaremos con 2 500 píxeles simplemente así.
OK, eso se ve mucho mejor.
Y en realidad eso es un poco más pequeño y meses hasta 200.
Aquí vamos.
Está nuestro adorable pino Martin.
Entonces usaremos TTR para seguir adelante y cambiar la fuente de la imagen.
Entonces, necesitamos seleccionar la imagen nuevamente como ese punto 8.
Y podemos obtener el valor de la fuente en primer lugar tan solo recuperarlo.
pasando nuestro segundo argumento, que es la URL que copié y tengo en mi portapapeles, y ahí vamos.
Esta es la fuente de la imagen y luego también podemos configurarla
Se actualiza automáticamente.
Y ahí está nuestro aterrador pino martin.
Entonces ese es un ejemplo.
Otra cosa que podríamos hacer aquí es seleccionar esta entrada, que es type es igual a text y
podríamos cambiar el valor del atributo type.
Así que haremos eso aquí, ingresaremos y luego veamos el atributo.
Bueno, comencemos simplemente mirando la entrada.
Es el único en la página.
Y luego haremos ese tipo de atributo y veremos que el tipo es texto y ahora podemos jugar con él y cambiar eso para que
el tipo sea de color.
Y mire esta entrada aquí cuando pulso enter.
Ahora cambia a una entrada de color y podemos hacer lo mismo.
Cámbialo esta vez para ser una casilla de verificación.
Aquí vamos.
DE ACUERDO.
Volvamos al texto porque lo usaremos más adelante en el video como entrada de texto.
Lo último que quiero demostrar es el comportamiento del método TR en múltiples elementos, así
que agreguemos algunas etiquetas de imagen.
Así que haremos una dos tres imágenes y tendré que actualizar para obtenerlas.
Y allí esas imágenes gigantescas.
Así que voy a cambiar el tamaño de nuevo y eso será Image dot ver SS con actos de Khama 200 y debido a la magia de
J Query que los hará a todos 200 píxeles.
supongamos que solo quiero cambiar la primera aquí para que sea la foto aterradora de la marta de pino con los dientes.
De acuerdo,
Lo que hice antes no funcionará si lo intento y simplemente selecciono la imagen que en realidad son todas las imágenes, por lo
que cambiará las tres fuentes de sus imágenes.
Entonces, si solo quiero el primero, puedo usar dos puntos de imagen y recordar que primero hay uno de ese tipo para la
primera versión de J queery, que es más corto pero en realidad un poco más lento porque no usa
un selector de CSSA incorporado.
Así que volveré al primero de tipo y luego podemos cambiar la fuente para que sea nuestra imagen de miedo, ya sabes.
Y si pulso enter, solo afecta la primera imagen.
Y si quería actualizar la última imagen para tener la misma fuente de imagen que este aterrador
pino martin, tengo algunas opciones y la primera que mostraré es seleccionar todas las imágenes como esta y luego usar el último método
de punto que es algo no has visto aún y esto devolverá el último elemento de
un selector determinado.
Así que esto selecciona las tres imágenes y luego estamos pidiendo la última y luego podemos hacer esa fuente
ATSDR y luego podemos pegar en nuestra fuente de imagen y pulsar enter.
Y puedes ver que la última imagen también ha cambiado.
Y, finalmente, demostraré que cambié a los tres juntos, así que tengo una nueva imagen.
Copiaré aquí y cambiaré el atributo de fuente en todos ellos simplemente seleccionando todas las imágenes
como esta y luego ejecutando esa coma fuente de atributo y pegando en nuestro Nuevo Tú. Todas
las tres imágenes cambian simultáneamente.
Entonces, resumir TTR si solo le damos un argumento como fuente.
Pero no pasamos en un segundo argumento.
Simplemente devolverá el valor de la fuente.
Entonces ese es el captador.
actualizará el valor de la fuente en cada elemento que hayamos seleccionado previamente.
Y luego, si proporcionamos un segundo argumento como nuevo, como lo hicimos aquí, realmente
Entonces, lo próximo que quiero demostrar es el método Vau.
Entonces, VHDL, lo que Val hace es que nos ayuda a extraer el valor de una entrada.
Entonces, si puedes recordar cuándo hiciste ese scorekeeper con javascript simple y tuvimos esa entrada de
número y esa entrada, pudiste especificar la puntuación ganadora para jugar a 5 o a 10 y necesitábamos
extraer el valor de allí.
Usamos una propiedad llamada valor.
Bueno, Vau es el envoltorio de consultas de J por valor al igual que cada momento.
Es un envoltorio para Jamail enfurecido y el texto es el contenedor para el contenido de texto.
Puede ver algunos ejemplos como puede ver aquí.
Si no pasamos ningún argumento, devolverá el valor de un elemento en particular que seleccionemos.
Entonces en este caso estamos agarrando el menú desplegable en el elemento select con la clase de foo y
luego estamos haciendo Val en él que nos dirá qué elemento o qué parte del menú desplegable se selecciona y luego
también podemos usar la misma sintaxis pero pasamos una discusión y eso cambiará el valor de una entrada.
Así que vamos a nuestra entrada de texto aquí y voy a borrar la consola y vamos a seguir adelante
y seleccionar esta entrada de texto.
Así que una entrada de signo de dólar así y luego ejecutaremos Val sin argumentos.
Y ahora mismo nos daría una cadena vacía porque el valor aquí es una cadena vacía.
No hay nada adentro.
Entonces, si escribimos algo como mi nombre y luego pedimos el valor que nos dice el acero frío.
Entonces, lo que sea que esté aquí se agarra cuando se nos acaba y luego, como todos los otros métodos que
hemos visto, también actuará como un método setter.
Entonces, si paso algo como acero oxidado y presiono enter, puedo ver que actualiza la entrada para
decir ahora resti still.
Es posible que se pregunte cuándo escribiríamos código para actualizar una entrada.
Por lo general, permitimos que un usuario actualice la entrada.
El único caso de uso común en el que puedo pensar es si queríamos borrar el valor.
Entonces, si esta era una lista de tareas pendientes y queríamos que el usuario pudiera agregar nuevos Candie o
algo así, podía escribir en pastillas de goma que estaban demasiado sobrevaloradas por cierto y recibimos el botón enter y queremos agregar un nuevo aliado
y luego Queremos eliminar lo que hay dentro de aquí.
Nosotros usaríamos dot.
Así que te mostraré.
Solo se ve así.
Y luego vamos a configurarlo en una cadena vacía y eso borra el contenido dentro de allí, así que lo
haremos cuando hagamos nuestra propia lista de tareas pendientes.
Usaremos Vau con una cadena vacía para restablecer el texto y ponerlo.
Lo último que mencionaré es que Darvell trabaja en todos los elementos que tienen un atributo de valor.
Por lo tanto, no se trata solo de entradas con texto de tipo llamadas, como casillas de
verificación y color para entradas de color, sino que también incluye menús desplegables que puedo escribir
y crear un nuevo menú desplegable que es un elemento seleccionado y luego dentro de este seleccionar lo agregamos opciones y cada opción representa una elección.
Por lo tanto, nuestras opciones contendrán algunas de las mascotas más populares del país, como el avestruz, la tortuga y el
sapo.
De acuerdo, guardaremos y actualizaremos la página y podrá ver que ahora tenemos un menú desplegable con tres
opciones y si quiero saber qué opción ha seleccionado el usuario, podría ir aquí y no solo
seleccionar ninguna entrada. Más.
Tendría que seleccionar ya sea seleccionar que me dará ese menú desplegable y luego simplemente ejecutar Vau en
eso y me dice que el usuario ha seleccionado sapo bien.
un atributo y luego fĂźlle se usa para recuperar el valor o establecer el valor de cualquier tipo de entrada o menú desplegable.
Entonces, para envolver 80 TR se usa para acceder a cualquier atributo específico que queramos o para establecer
Todo bien