1.jquery1.9以上 动态生成元素 live和on失效的解决方法
//动态生成的元素要用这个方法 |
$(document).on("click", "#xxx", function() {
|
……
|
}); |
|
//非动态生成的元素还可以直接用on，但不能用live |
$("#xxx").on("click", function(){
|
……
|
}); |
例子： http://www.zhidao91.com/jquery-on-no-effective/
2. jquery - 1.7版本以前 用live() 绑定 动态生成元素的事件
$(document).ready(function(){
var temp="<li>111</li><li>222</li><li>333</li>"
$("#imgUl").append(temp);
$("#imgDiv ul li").live('click',function(){
$("#alertDiv").show();
});
});
如： http://blog.sina.com.cn/s/blog_64008ed70101nyoz.html
3. 对非动态生成的元素绑定事件用click()方法
相关推荐
- **.click()**：绑定点击事件，如`$('button').click(function() { ... })`。 - **.append()**：向元素内部添加内容，如`$('ul').append('<li>新项</li>')`。 - **.css()**：修改元素样式，如`$('h1').css('color',...
$('#tab li').click(function() { var index = $(this).index(); $('#tab li').removeClass('active'); $(this).addClass('active'); $('#content .content-item').hide(); $('#content .content-item:eq(' + ...
使用jQuery绑定事件非常简单，`click()`, `mouseover()`, `mouseout()`等是常见的事件绑定方法。例如，`$("#button").click(function() {...})`将点击事件绑定到ID为`button`的元素上。同时，`.on()`方法可以处理...
5. **事件绑定**：利用提供的事件回调，可以添加额外的功能，如菜单打开时的加载数据等。 **五、示例代码** ```html <!DOCTYPE html> <meta charset="UTF-8"> <title>jQuery Sliding Menu示例 ...
jQuery代码负责绑定事件和处理逻辑。基本流程如下： - 首先，可以通过`.not()`方法和`.addClass()`移除所有选项卡内容的隐藏样式，并给第一个选项卡添加激活样式。 - 使用`.on('click')`监听选项按钮的点击事件。...
可能使用事件处理函数（如`.click()`）和DOM遍历方法（如`.children()`、`.siblings()`）。 4. **示例文件** - 可能包含一个或者多个示例页面，展示了如何在实际项目中集成和使用这个Tab菜单组件。 5. **README 或...
在事件处理方面，jQuery提供了一种统一的方式来绑定和解绑事件。`$("#button").click(function() {...})`用于监听ID为"button"的按钮点击事件。相比原生JavaScript，jQuery的事件处理更易读，更易于跨浏览器兼容。 ...
还可以使用`on()`方法绑定事件，如`$(document).on("click", "button", function() { ... })`，这适用于动态加载的内容。 ### 6. 动画效果 jQuery的动画效果是其一大亮点。`fadeIn()`, `fadeOut()`, `slideToggle...
4. **事件处理**：jQuery简化了JavaScript中的事件处理，如`$(‘button’).on(‘click’, function() {...})`用于绑定点击事件。`on()`方法可以处理动态添加到DOM中的元素的事件，提高了灵活性。 5. **性能优化**：...
可以使用jQuery的`.on()`方法绑定触摸事件，同时使用媒体查询(`media queries`)调整布局以适应不同屏幕大小。 通过以上步骤，我们便成功地使用jQuery实现了侧边栏图标下拉菜单。这种菜单在移动设备上具有良好的用户...
- **事件处理**：使用`.on()`方法绑定事件，如`$('button').on('click', function() {...})`监听按钮点击事件。 - **动画效果**：`.fadeIn()`, `.slideUp()`, `.animate()`等方法为页面元素添加平滑过渡效果。 - ...
选择器速度提升 选择器的速度大幅度提高了，下表为jQuery1.1.2和1.1.3的选择器速度对比，提高了8倍多 Browser jQuery 1.1.2 jQuery 1.1.3 % Improvement IE 6 4890ms 661ms 740% Firefox 2 5629ms 567...
jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理以及动画效果，使得创建交互式的网页应用变得更加容易。结合HTML5的Audio API，我们可以构建一个功能丰富的MP3播放器。 首先，我们需要在HTML页面中设置...
此外，jCarousel还允许我们添加自定义的导航按钮和分页指示器，通过绑定特定的jQuery事件来控制轮播的前进和后退。例如，添加两个按钮并绑定点击事件： ```javascript $('.prev').click(function() { $('#...
在这个语法中，`staticParentElement`是页面加载时已经存在的静态父级元素，`eventName`是要绑定的事件类型（例如`click`），`targetSelector`是动态添加的子元素的选择器，而`eventHandler`是事件处理函数。...
在本文中，我们将深入探讨如何使用jQuery来动态地添加`li`标签，并向这些标签添加属性以及绑定事件。首先，让我们解析一下标题和描述中提到的关键知识点。 **jQuery动态添加li标签** 在jQuery中，我们可以使用`...
jquery中绑定事件一般使用bind，或者click，但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用live。但是在1.8版本以后推荐使用on。这里介绍jQuery中如何给动态...
本文将详细介绍如何在 jQuery 中为 A 标签绑定 onclick 事件，并通过具体的代码示例进行分析。 #### 一、jQuery 与 onclick 事件 在 jQuery 中，可以使用 `.click()` 方法轻松地为元素绑定点击事件。当用户点击该...
首先，我们通过 `document.getElementsByTagName` 获取所有的 `li` 元素，然后遍历这些元素，并为每个元素绑定一个点击事件处理函数。 ```javascript // 获取所有 li 元素 var itemli = document....
- **基本事件绑定**：除了常见的`click`事件外，还有`mouseover`、`mouseout`、`mousedown`等。 - **事件委托**：通过将事件绑定到父级元素上，可以对后代元素进行事件监听。 - 示例：`$("ul").on("click", "li", ...