我想知道，如何通过jquery发送数据到自定义元素。
我有一个javascript香草代码的例子在这里，为了理解我的问题:
// 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>这是我的特定javascript香草代码发送数据到setter方法:
document.querySelector('my-custom-element-example').customData = {name: "DERI KURNIAWAN"};
有办法做到吗?还是有特殊的方法?也许我可以这样考虑代码:
$('my-custom-element-example').customData = {name: "DERI KURNIAWAN"};
document.querySelector('my-custom-element-example')
和
$('my-custom-element-example')
完全相同:检索对DOM元素的引用
但是jQuery版本需要加载一个50KB+的库
jQuery在那个所有浏览器行为都不同的时代是伟大的。
.querySelector和.querySelectorAll为JavaScript标准;