js 事件委托获取子元素下标

html:部分 <ul> <li>第一个</li> <li>第二个</li> <li>第三个</li> <li>第四个</li> </ul> js部分: var li=$("li");$("ul:eq(0)").click(function(e){ var e = e || window.event; target = e.target || e.…

参考教程地址 https://blog.csdn.net/xiaolong20081/article/details/79792137 不想写了.直接看上面就行采用事件委托或代理方式绑定 $(document).on("click", ".remove", function(e){ console.log(e); $(this).parent().remove() }); 文章来源:刘俊涛的博客欢迎关注公众号.留言.评论,一起学习. __________…

js和jquery获取子元素

<ul id="nav"> <li></li> <li> <ul> <li></li> <li></li> <li></li> </ul> </li> <li></li> </ul> 对于上面的结构,只想获取nav下的li而不获取li下的li,怎么写呢? 1.jquery很简单 $("#…

js与jquery获取父元素,删除子元素的不同方法

var obj=document.getElementById("id");得到的是dom对象,对该对象进行操作的时候使用js方法 var obj=$("#id");得到的是jquery对象,对该对象进行操作的时候使用jquery方法 1.对于上面获得的对象进行遍历 (1).js方法 for(vat i=0;j<obj.length;i++){ obj[i] 来获得对应的某一个元素} (2).jquery方法 $(“#id”).each(function(…

原生js获取子元素

感谢原文作者:归一山人原文链接:https://www.cnblogs.com/guiyishanren/p/12214757.html 获取子元素的方法有 //获取第一个demo类 dom = document.getElementsByClassName('demo')[0]; //获取父节点 dom.parentNode; //获取上一兄弟节点 dom.previousSibling; dom.nextSibling; //获取第一个子元素 dom.firstChild //最后一个元素…

JS事件委托的原理和应用

js事件委托也叫事件代理,实际上事件委托就是通过事件冒泡实现的,所谓的事件就是onclick,onmouseover,ondown等等,那么委托呢?委托就是指本来这个事是要你自己做的,但是你却让别人帮你完成这个事,这就叫事件委托. 那么为什么需要事件委托?我们先看一段代码. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&…

js事件委托 jQuery写法

http://www.cnblogs.com/liugang-vip/p/5616484.html 不是抄的,这篇文章写的细这是js 事件委托写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>事件获取目标元素</title> <style> li{width: 499px;height:…

JS事件委托学习（转）

JS 事件委托就是利用冒泡原理,把事件加到父级上触发,执行效果. 好处: 1.提高性能 2.新添加的元素还会有之前的事件 <</</</</li></ul> 这样一个HTML结构我想要给LI增加一个鼠标点击的效果通常写法 window.onload ; i ) } }} 如果事件委托呢,我会把时间委托给ul 就把for 循环直接改 oUl.onclick )} 接下来我们想写过一个,给LI加一个鼠标经过的效果…

获取子元素节点(children,childNodes)

在js中获取元素节点有DOM对应的方法如getElementsByTagName()等等..对于获取子元素还有另外一种获取方法ChildNodes 不过ChidNodes在高级浏览器除(IE6-8)里面来说是"不太正常"的,因为它除了获取到了元素节点的同时也获取到了文本节点,这就是传说中的买一送一?不过,这个送一的活动咱们不想要的时候可以和nodeType结合,就可以进行筛选.代码如下当然,这个判断是针对高级浏览器.IE6-8是不要进行nodeType的判断的,因为它本来获取的就是只…

原生js事件委托（事件代理）方法扩展

原生js事件委托(事件代理)方法扩展: 通过Node底层原型扩展委托方法 /** * 事件委托方法 * @param eventName {string}:事件名称,如'click' * @param sub {string}: 子节点选择器,如'.sub-item' * @param fn {function}: 事件回调方法 * @eg var ctn = document.querySelector('#menu_container'); * ctn.delegate('click','.…