jquery在1.7以后使用放弃了使用bind方法为元素绑定方法，使用on()绑定方法。我们这里就单单讲解on()绑定方法的使用方式。

1、指定元素绑定方法

该方法利用jquery提供的选择器方法匹配到指定的元素并为其绑定元素。

语法：$(selector).on(type,fun);

语法如下：

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>on方法</title><script src="../jquery-1.7.2.min.js"></script>
</head>
<body><div id="div1"><p>在p元素中</p></div><div id="div2"><cite>47328947398578439759</cite><p>在p元素中</p></div>
</body>
<script>$(function(){$("p").on("click",function(){alert("nihao");});});
</script>
</html>

上面的代码中为文档中的<p>元素绑定点击事件。凡是点击文档中的p元素浏览器都会弹出系统消息。

2、指明区域为区域中的指定元素绑定时间

语法：$(selector).on(type,'selectorB',fun);

$(selector)的作用是为了匹配到指定元素对象A。

selectorB为待绑定的元素，它为A元素对象的后代元素。

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>on方法</title><script src="../jquery-1.7.2.min.js"></script>
</head>
<body><div id="div1"><p>在p元素中</p></div><div id="div2"><cite>47328947398578439759</cite><p>在p元素中</p></div>
</body>
<script>$(function(){//为id="div2"的后代元素p指定点击事件$("#div2").on("click","p",function(){alert("nihao");});});
</script>
</html>

jquery绑定方法on的相关推荐

判断某个元素是否使用jquery绑定方法
在一些使用了jquery的js调试中,可能我们会需要判断某个元素是否绑定了事件,如果这个元素时使用jquer方式绑定的事件,可以采用如下方法检查它是否绑定了事件. var tempE = $(&quo ...
jQuery文本框(input textare)事件绑定方法教程
jquery 的事件绑定已经用on替换了原来的bind,接下来为大家分享下bind的使用方法及input textare事件.目前1.7以上,jquery?的事件绑定已经用on替换了原来的bind,接 ...
jQuery 事件绑定方法（bind hover toggle live.... ）、删除事件方法（unbind, die）及事件对象
事件绑定方法: 1.<type>(function) $("button").click(function(){... }); 2.bind(map) $(" ...
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
$('#check_all').on('click' , function(){ alert(1); }); $("#yujinlist").append(html); count ...
updatepanel失效怎么办_【点滴积累】解决jQuery绑定事件在updatepanel更新后失效的方法...
背景接到了领导给的一个New Feature,为系统的菜单导航栏进行一些个性化的操作(鼠标移到导航菜单时下方出现子菜单,移到其他的菜单选项时显示该选项的子菜单,隐藏其他子菜单.其次就是当使用鼠标点击 ...
jQuery 事件方法大全
Dom : Attribute:$("p").addClass(css中定义的样式类型); 给某个元素添加样式$("img").attr({src:" ...
jQuery on()方法
jQuery on()方法是官方推荐的绑定事件的一个方法. $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法 ...
jquery 绑定动态元素
2019独角兽企业重金招聘Python工程师标准>>> 以一个小例子来简单说明下情况 <script src="jquery-1.11.0.min.js"& ...
JQuery绑定及效果
JQuery绑定及效果文章目录 JQuery绑定及效果一.JQuery的四种事件绑定 1.bind(type,[data],function(eventObject)) 2.live(type, ...

jquery绑定方法on的

1、指定元素绑定方法

2、指明区域为区域中的指定元素绑定时间

jquery绑定方法on的相关推荐

最新文章

热门文章