Question

jquery $('ul li').click(function(){}) 和 jquery $('ul').on('click','li',function(){}) 的区别。求解

jquery $('ul li').click(function(){})
和
jquery $('ul').on('click','li',function(){}) 的区别。求解

Answer 1

这两个代码的作用是完全一样的，没有区别。应该是用来处理和老的版本兼容的问题。我猜测stkid dif是两个关于数据的identifers，第一个语句为相同stkid，但允许dif不同的所有观测编号，而后者为stkid，dif均相同的观测编号。    

源代码（也称源程序），是指一系列人类可读的计算机语言指令。 在现代程序语言中，源代码可以是以书籍或者磁带的形式出现，但最为常用的格式是文本文件，这种典型格式的目的是为了编译出计算机程序。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

Answer 2

一个的触发对象在ul上，另外一个在li上头

追问

jquery $('ul').on('click','li',function(){}) 这个是不是 li 里 有 其他触发 也跟着触发啊。。

追答

是

追问

那怎么看让他只触发外层。。。不让他执行里面的其他的东西。

追答

你的目的是做什么？如果你是想点击li的时候触发，就用第一种

追问

点击 菜单二的 X 跳到菜单一。。

但是现在是 点击 菜单二 的 X 跳到菜单一， 又跳回菜单二 了。。我郁闷。。

$('ul').on('click','li',function(){}) 模拟鼠标点击 触发这个就跳回菜单二
$('ul li').click(function(){}) 模拟鼠标点击 触发这个 就 正常，。，。

追答

哦，那可能是事件冒泡导致的……你stopPropergation一下试试？

Answer 3

区别在于底层
第一个获取到所有ui下面的li在循环获取里面点击事件，如果是li后期加上的第一种不会起作用。
第二个是先获取ul所有元素在循环ul下面的li判断点击事件，计算后期加入的li也会获取到事件

Answer 4

Hello
〜〜〜
〜〜〜hello

Answer 5

斤斤计较斤斤计较斤斤计较斤斤计较斤斤计较斤斤计较斤斤计较啦啦。l lv tu t k ku k k ku ku ku k k j j j j kua j j j j j