jQuery 事件 - delegate() 方法
2023-09-14 08:58:57 时间
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").delegate("p","click",function(){
$(this).slideToggle();
});
$("button").click(function(){
$("<p>这是一个新段落。</p>").insertAfter("button");
});
});
</script>
</head>
<body>
<div style="background-color:yellow">
<p>这是一个段落。</p>
<p>请点击任意一个 p 元素,它会消失。包括本段落。</p>
<button>在本按钮后面插入一个新的 p 元素</button>
</div>
<p><b>注释:</b>通过使用 delegate() 方法,而不是 live(),只有 div 元素中的 p 元素会受到影响。</p>
</body>
</html>
相关文章
- jquery绑定与解绑元素事件
- jquery on绑定事件叠加解决方法详解编程语言
- jquery serialize()函数用法详解编程语言
- jQuery on()方法绑定事件
- jQuery on和trigger添加触发自定义事件
- jQuery判断元素上是否绑定了事件
- 初窥JQuery(二)事件机制(1)
- jquery回车事件实现代码
- 读jQuery之十三添加事件和删除事件的核心方法
- jquery中dom操作和事件的实例学习下拉框应用
- JQuery入门——事件切换之hover()方法应用介绍
- jQuery文本框(inputtextare)事件绑定方法教程
- jquery阻止冒泡事件使用模拟事件
- JQuery事件e参数的方法preventDefault()取消默认行为
- jQuery自定义事件的简单实现代码
- jQuery的live()方法对hover事件的处理示例
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- jQuery中对未来的元素绑定事件用bind、liveoron
- 浅谈jQuery事件源码定位问题
- iframe里面的元素触发父窗口元素事件的jquery代码
- 一个小例子解释如何来阻止Jquery事件冒泡
- jquery单选框radio绑定click事件实现方法
- JQuery中的事件及动画用法实例
- jquery调取json数据实现省市级联的方法
- jQuery事件用法实例汇总