Quiero saber cómo enviar datos a un elemento personalizado por jquery. ¿es posible?.
Tengo un ejemplo de código javascript vanilla aquí, para entender mi pregunta:
// My custom element class class MyCustomElementExample extends HTMLElement { set customData(data) { this._data = data; this.render(); } render() { this.innerHTML = `<h1>${this._data.name}</h1>`; } } customElements.define('my-custom-element-example', MyCustomElementExample); // select my custom element and send data to'customData'(setter method) document.querySelector('my-custom-element-example').customData = { name: "DERI KURNIAWAN" };
<body> <my-custom-element-example></my-custom-element-example> </body>
Este es mi código de vainilla de javascript específico para enviar datos al método de establecimiento:
document.querySelector('my-custom-element-example').customData = {name: "DERI KURNIAWAN"};
Entonces, ¿hay alguna manera de hacer eso? o hay una manera especial? tal vez si pienso en el código como este:
$('my-custom-element-example').customData = {name: "DERI KURNIAWAN"};
document.querySelector('my-custom-element-example')
y
$('my-custom-element-example')
Haga exactamente lo mismo: recupere una referencia a un elemento DOM
Pero la versión de jQuery requiere cargar una biblioteca de más de 50 KB
jQuery fue excelente en la época en que todos los navegadores se comportaban de manera diferente.
.querySelector
y .querySelectorAll
son los estándares de JavaScript;
IE9 fue el último navegador en implementar estos estándares... en 2011