- 浏览: 246536 次
- 性别:
- 来自: 济南
文章分类
- 全部博客 (205)
- jQuery (27)
- Flash AS3.0 (0)
- Html5+CSS3 (12)
- C# .Net (19)
- Xml XPath XSLT (5)
- Sql (3)
- JavaScript (20)
- struts2 (23)
- hibernate (24)
- spring (11)
- j2ee (16)
- jsp/java (11)
- 设计模式 (5)
- json (3)
- Java.IO (7)
- Java.Util (7)
- android (8)
- WebService (10)
- MyEclipse SVN (3)
- servlet (1)
- Exception (3)
- 自我学习 (2)
- UML (2)
- java泛型 (1)
- Lucene (7)
- HtmlParser (2)
- 概念理解 (3)
- 正则表达式 (1)
- EMail (1)
最新评论
-
hanmiao:
没用,干巴巴的壹堆代码,没明白到底区别在哪里。
List Set Map 区别! -
e421083458:
偶来过了!
C#单向链表的实现
案例:
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
问题:
$("div1").bind("click",function(){
alert($(this).val());
});
我们绑定到了div1,当我们点击div时,只有第一个div 弹出了alert了,其它的都没有弹出。
目标:
想了每一个div都绑定一个事件
解决:
$("div1").live("click",function(){
alert($(this).val());
})
以下绑定事件方法的区别:
bind:为每个匹配元素的特定事件绑定事件处理函数;
live:jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效;
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
<div id="div1">内容</div>
问题:
$("div1").bind("click",function(){
alert($(this).val());
});
我们绑定到了div1,当我们点击div时,只有第一个div 弹出了alert了,其它的都没有弹出。
目标:
想了每一个div都绑定一个事件
解决:
$("div1").live("click",function(){
alert($(this).val());
})
以下绑定事件方法的区别:
bind:为每个匹配元素的特定事件绑定事件处理函数;
live:jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效;
发表评论
文章已被作者锁定,不允许评论。
-
javascript 创建对象
2012-05-14 11:03 771function Point(lng,lat) { this ... -
用javascript动态加载不同css/js文件
2012-03-20 09:13 1645DynamicLoad.js文件代码如下:function D ... -
jquery 定义插件
2012-03-13 14:12 868$.fn.Poshytip = function (o ... -
jquery--foxibox图片显示插件
2012-02-20 13:43 2071一个实用的jquery插件 -
struts2结合jquery实现异步上传文件
2012-02-16 10:50 735所需配置: jquery.jsajaxfileupload. ... -
jquery插件$(widnow).scrollTop()
2011-10-11 10:21 2385// JavaScript Document $.fn.Sb ... -
提高jQuery执行效率需要注意几点
2011-09-08 10:58 20251. 使用最新版本的jQuery jQuery的版本更新很快 ... -
当图片在窗口内才显示图片
2011-08-22 14:48 822// JavaScript Document $.fn.scr ... -
jQuery对象与dom对象的转换
2011-08-07 14:47 6851、关于页面元素的引用 通过jquery的$()引用元素包括 ... -
jQuery关于Tag的插件
2011-08-04 21:24 1239$("#orderDaoHang").Ta ... -
jquery serialize() serializeArray()
2011-07-12 13:17 1526表单全局: $("form1").seri ... -
jQuery 如何读取From 中的Type=Check中的集合值
2011-07-09 14:44 1267IE FF兼容: var data = $("#pr ... -
jQuery 定义 保存 读取数组数据
2011-07-09 12:30 938定义: var arrayStr = []; 保存: arra ... -
Jquery设置Select中的Option项为true;
2011-07-08 10:26 1064//设置Select中的Option项为true; $(&qu ... -
C#jQuery解决传值时获取的代码问题
2011-07-05 11:34 1083传值:escape($("input[name=co ... -
jQuery右击事件
2011-06-26 16:52 2010<script> // 鼠标右击事 ... -
execCommand
2011-06-26 15:56 1182<!DOCTYPE html PUBLIC " ... -
Javascript 获取选中的文本
2011-06-25 12:07 758<script type="text/java ... -
动态加载图片,加载成功后显示图片!
2011-06-14 15:21 1281var img = new Image(); img.src= ... -
fadeTo(speed, opacity, [callback])
2011-06-14 14:50 775fadeTo(speed, opacity, [callbac ...
相关推荐
本篇文章将深入探讨如何使用jQuery来监听一个DIV元素的事件,以便于我们在其状态变化时执行相应的代码。 首先,理解jQuery中的事件处理是非常重要的。jQuery提供了丰富的API来绑定和触发DOM元素上的事件。在jQuery...
上述代码中,我们通过bind()方法为ID为laneconfigdisplay的div绑定了一个名为contentchanged的自定义事件,然后在适当的地方通过trigger()方法触发这个事件。但是这里contentchanged事件的具体实现并没有详细说明,...
在网页设计中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript的使用,尤其是在处理DOM操作、事件处理和动画效果等方面。"JQuery-DIV弹窗"是指利用jQuery实现的一种弹出窗口效果,通常用于显示通知...
在网页设计和开发中,jQuery 是一个非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画制作等任务。本教程将详细讲解如何利用jQuery实现一个滑动DIV的效果,适用于图片轮播或移动端应用的界面交互。 首先...
这段代码在页面加载完成(`$(document).ready`)后,会给id为"myDiv"的div绑定一个点击事件。当用户点击这个div时,它会向右下方移动50像素,动画过程持续1000毫秒(即1秒)。`animate`函数是jQuery的核心,它可以...
在触发DOM上的某个事件的时候会产生一个事件对象event,这个对象包含着所有与事件有关的信息,包括产生事件的元素、事件类型等相关信息,思路一中div的click事件处理程序传入的参数就是这个event对象。访问IE中的...
在文章中提供的HTML代码中,我们定义了一个div元素,并通过id属性给它一个标识符"keleyidiv"。同时,页面上还放置了四个按钮,分别对应增加宽度、减少宽度、增加高度和减少高度的操作。通过id属性给这些按钮也做了...
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画设计和Ajax交互。本篇文章将深入探讨一个基于jQuery的插件,标题为"jQuery插件集之(弹出div2)+Demo",该插件主要用于在...
"Jquery弹出DIV"是指利用jQuery来实现一个可交互的模态对话框(通常称为弹出窗口或浮层),在网页上显示额外的信息或者进行一些用户交互。模态对话框通常是网页中的一个浮动元素,可以覆盖页面的其他部分,直到用户...
本文将深入探讨如何利用jQuery库实现鼠标上下拖动div进行排序的功能,同时结合描述中的内容,我们会看到一个实例,该实例不仅支持div的拖动排序,还包含了一个左上角的按钮,用于触发其他操作。 首先,jQuery是...
本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下: jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要...
例如,可以绑定一个按钮来触发对话框: ```html <button id="openBtn">打开对话框 $(document).ready(function() { $("#dialog").dialog({ // 配置选项... }); $("#openBtn").click(function() { $("#...
比如,在添加一个div之后,如果我们想要为这个div绑定事件处理函数,而这个事件处理函数在div被重复添加时会导致多个事件处理器被绑定,这就需要使用到事件的绑定和销毁技术。通常,我们使用`unbind()`方法来移除...
`addBox`函数创建一个新的`div`元素,设置其类为`box`,并添加一个`data-box-id`属性以跟踪已有的`div`数量。`removeBox`函数首先检查是否有可删除的`div`,如果有,则移除最后一个`div`。 通过这样的实现,我们...
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。"jQuery div 弹出框"是指使用jQuery技术来创建一个可自定义的、浮动于页面上的对话框或提示框,通常称为模态窗口。...
这段代码首先在文档加载完成后运行,然后绑定一个事件处理器到select元素的change事件。当用户更改select选项时,会隐藏所有图层并显示与新选择值相对应的图层。 总结起来,这个例子展示了如何结合HTML的select元素...
例如,创建一个带有特定ID的DIV:`$('<div>', {id: 'myDiv'})`。 - **添加内容**:通过`.html()`或`.append()`方法可以向元素中添加文本或HTML。如:`$('div').html('<p>Hello, World!</p>')`。 - **插入元素**:`...
这款插件是jQuery的一个扩展,它提供了一种简洁的语法来将数据与HTML结构进行绑定,使得动态生成和更新页面内容变得更加简单。本文将深入探讨HTMLRender的核心功能、工作原理以及如何在实际项目中应用。 一、...
在这个例子中,我们创建了一个按钮和一个div层,按钮绑定了一个点击事件,当点击按钮时,div层会以淡入淡出的方式显示或隐藏。`$(document).ready()`确保在页面加载完成后执行jQuery代码,`$("#toggleBtn")`选择了id...
示例代码中,首先定义了一个HTML页面结构,包括一个按钮`#btnSearch`用于触发搜索,一个输入框`#txtSearch`用于输入搜索条件,以及一个`div`容器`#divSearchResult`用于展示搜索结果。 #### 2.2 使用JQuery进行事件...