我应该如何构建我的代码来获得这个 jQuery 的效果
var divQuery = $('.html5gallery-thumbs-0').children();
divQuery.on('click', function () {...}
我以为是这样的:
var divQuery = document.getELementsByClassName('html5gallery-thumbs-0');
divQuery.onclick = function (elem) {
//this.style.display = 'none'
// OR
//elem.style.display = 'none'
}
元素应该引用 clicket 对象吗?或者它应该是关键词this
。我想学习,javascript
因为jQuery
毕竟只是图书馆。先感谢您!
扩展善意的用户用另外两种方法回答:
使用最新最好的 JS 特性:
const divQuery = document.querySelector('.a');
divQuery.childNodes.forEach(v => {
v.addEventListener('click', function() {
console.log(this.textContent);
})
});
还有一个非常老的(支持 IE 和其他旧浏览器):
const divQuery = document.getElementsByClassName('a')[0];
[].forEach.call(divQuery.children, function(v){
v.addEventListener('click', function() {
console.log(this.textContent);
})
})
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句