将jQuery代码转换为纯JavaScript
我在jQuery中转换以下代码时遇到问题,有人能给我举个例子吗将jQuery代码转换为纯JavaScript,javascript,jquery,Javascript,Jquery,我在jQuery中转换以下代码时遇到问题,有人能给我举个例子吗 $('li').click(function() { window.location = $(this).find(':first-child').attr('href'); }); 详细信息在代码段中注释。通过将事件侦听器添加到父级,我们可以利用捕获、目标、冒泡事件阶段来找出实际单击的元素。这需要一个简单的事件监听器的简单投资,而不是添加几个事件监听器的循环,这有点过分。此过程称为 片段 /*$'li
$('li').click(function() {
window.location = $(this).find(':first-child').attr('href');
});
详细信息在代码段中注释。通过将事件侦听器添加到父级,我们可以利用捕获、目标、冒泡事件阶段来找出实际单击的元素。这需要一个简单的事件监听器的简单投资,而不是添加几个事件监听器的循环,这有点过分。此过程称为 片段 /*$'li'。单击函数{ window.location=$this.find':first child.attr'href'; };*/ //引用所有li的父级 var list=document.querySelector'ul'; //将事件侦听器添加到在任何单击时激发的ul //在任何一个孩子身上,李或她自己 list.addEventListener“单击”,函数E{ //如果单击的实际元素不是ul, //然后声明e.target是 //单击,因为它是事件链上的最后一个元素 如果e.target!==e.currentTarget{ //将e.target的href保存在var tgt中 var tgt=e.target.href; //将新位置指定为tgt的值 window.location=tgt; } console.logtgt; },假;
尝试使用jQuery切断联系的一个非常有用的工具是: //抓取页面上的所有列表项 var listItems=newArrayDocument.getElementsByTagName'li'; //单击列表项时将分配的函数 函数getHref{ //抓住第一个孩子的心 window.location=this.querySelector':第一个子项.getAttribute'href'; } //循环浏览列表项并分配函数 forvar i=0;i