jqueryli绑定click，jquery 绑定click

Jquery中bind和live的区别

1、bind是在页面加载完成之后只对DOM进行一次绑定 live会在每次事件冒泡过程中都会监听绑定的事件。

2、bind会在事件在绑定阶段bind时就会判断绑定事件的对象target是否存在，而且只针对当前元素进行绑定，而不是绑定到父节点上。以下举例。按钮1会触发bind和live的绑定事件。按钮2会触发live的绑定事件。

3、bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。

4、)差些；bind()支持Jquery所有版本；live()支持jquery8-；delegate()支持jquery2+；on()支持jquery7+。结论：如果项目中引用的jquery版本为低版本，推荐用delegate()，如果是高版本jquery则建议用on()。

5、)，而后新的链接经由AJAX加入到了页面中，则你的bind处理程序对于这些新加入的链接来说是无效的。而另一方面live和delegate则是被绑定到另一个祖先节点上，因此其对于任何目前或是将来存在于该祖先元素之内的元素都是有效的。

6、简单来说，.bind()是直接绑定在元素上，而.live()和.delegate()则是通过冒泡的方式来绑定到元素上的。

相关问答

Q1: 如何设置jquery监控单独li上的的事件

如存在多个li的情况下，只为其中一个或几个绑定事件，而其他的不受事件影响。方法有很多种，比较简单的办法就是为需要绑定事件的li标签添加class属性。

肯定是先引入jquery库，可以选择下载本地引用，也可以在线引用。on函数，这个是官方推荐使用的函数，因为其他方法都是内部调用on来完成的，直接使用on可以提高效率。

第一步，创建一个新的html文件，见下图，转到下面的步骤。第二步，执行完上面的操作之后，创建输入框和按钮，见下图，转到下面的步骤。第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。

Q2: jquery对动态加载的li添加click事件,事件无法触发

jquery对动态加载的li添加click事件，事件无法触发时设置出现了问题，解决方法为：新建html文件。创建输入框和按钮。预览效果如图。接下来需要引入jquery.js。设置输入框 keydown 事件和click 事件。

jquery里为未来元素添加事件的原理很简单，既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

如果你的元素是用click事件append进来的，那你的功能函数必须放在这个click事件里面。

这个要用到“事件委托”，就是把动态添加的元素的事件委托给它的父元素（非动态的）去处理，这样的话不管其子元素如果动态添加，都能捕捉其事件。

})；/script (function(){ })；的意思是等到所有的DOM元素可用了才执行javascript代码。

Q3: jquery中给一开始visibility:hidden的元素绑定click事件不生效?_百度...

1、并不是事件没有绑定上，是因为点击li的时候先触发了ul的隐藏事件，ul已经被隐藏了所以点击事件无效。

2、hidden”则会生成元素框，只是元素“不可视”，而其他非视觉的属性都将生效，例如widht、padding等。

3、jquery里为未来元素添加事件的原理很简单，既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

4、(function(){ })；的意思是等到所有的DOM元素可用了才执行javascript代码。

5、})；具体介绍：jQuery 3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数（比如click事件）。也能绑定自定义事件。

6、如果你的元素是用click事件append进来的，那你的功能函数必须放在这个click事件里面。

Q4: JQUERY点击给LI添加一个动态自定属性

思路：点击当前li元素后是用removeClass()删除所有兄弟元素（使用siblings()获取）的class样式，然后使用addClass()为当前li添加class。

首先打开hbuilder编辑器，在html文件中写入5个li标签，第一个li标签设置class样式，再在上方设置li标签的高度、宽度、字体大小、行高的等属性，再设置第一个li标签的样式，给它加一个外边框。

第一步，创建一个新的html文件，见下图，转到下面的步骤。第二步，执行完上面的操作之后，创建输入框和按钮，见下图，转到下面的步骤。第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。

// 这段代码可以给ID为someElement的元素增加属性anyAttribute 属性值为anyValue// 属性名字随便写都可以 想写什么都行 如果属性名字存在会修改里面的值 否则就新加属性 jquery操作html标签的方法非常多，小编在这里总结一下。

Q5: ...当前的ul隐藏当前li其它标签不变。如何用jquery来实现。

script$(ul li：gt(2)).hide()；$(ul).hover(function(){$(ul li).show()；}，function(){$(ul li：gt(2)).hide()；})；/script这位网友你好，你可以这样写。

新建HTML文件。引入jquery.min.js文件。创建HTML内容。预览效果如图。用jquery创建点击事件，点击隐藏按钮，p内容隐藏。用jquery创建点击事件，点击显示按钮，p内容显示。

最常见的用法：与其他选择器一起使用，选取指定组合中除了指定元素以外的所有元素（如上面的实例）。语法 $(：not(selector))参数描述：selector 必需。规定不选择的元素。该参数接受任何类型的选择器。

如果想像你这样实现，最好在每一个ul和li加上ID（这个ID必须是有规律的，比如父ID为1_1，子ID1_1_..），用链接的点击事件根据ID获取父菜单和子菜单实现改变ul、li的display样式就可以实现展开或隐藏。

jquery 失去焦点隐藏菜单：本实例主要用到了一个切换显示与隐藏的事件 hover 与点击事件 click；以及is.(hidden)对某个元素状态的判断。

关于jqueryli绑定click和jquery 绑定click的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。