jQuery对于动态生成的内容的控制
来源:互联网 发布:合肥程序员平均工资 编辑:程序博客网 时间:2024/05/17 14:15
由于jquery是页面一加载获取页面元素的,后期动态生成的元素,通过$("#xxxx")获取不到,需要用原始的js语句document.getElementById("xxx").value来获取
对于动态生成的元素,bind绑定的事件 也无法触发,需要通过jQuery提供的另外一个方法 .live()
这个方法是基本是的 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比如说
<body> <div class="clickme">Click here</div></body>
可以给这个元素绑定一个简单的click事件:
$('.clickme').bind('click', function() { alert("Bound handler called.");});
当点击了元素,就会弹出一个警告框。然后,想象一下这之后有另一个元素添加进来了。
$('body').append('<div class="clickme">Another target</div>');
尽管这个新的元素也能够匹配选择器 ".clickme" ,但是由于这个元素是在调用 .bind() 之后添加的,所以点击这个元素不会有任何效果。
.live() 就提供了对应这种情况的方法。如果我们是这样绑定click事件的:
$('.clickme').live('click', function() { alert("Live handler called."); });
然后再添加一个新元素:
$('body').append('<div class="clickme">Another target</div>');
然后再点击新增的元素,他依然能够触发事件处理函数。
参考:http://my.oschina.net/u/135304/blog/31612
- jQuery对于动态生成的内容的控制
- 动态生成的内容,如何控制布局
- jquery动态生成改变table的数据内容
- jQuery向动态生成的内容添加事件响应(jquery live方法简介)
- jQuery向动态生成的内容添加事件响应(jquery live方法简介)
- C# 对于GridControl 动态加载动态生成的GridView
- jQuery如何控制未来的元素(动态生成的节点)
- 查看js动态生成的HTML内容
- jquery获取动态增加内容的高度
- jQuery获取动态创建元素的内容
- 对于动态生成的Button控件OnClick事件应用
- tablesorter对于动态生成的table无法使用解决办法
- 控制一个动态生成view 的位置
- 权限控制--js动态生成的html
- JQuery绑定动态生成的HTML问题
- jquery 动态获取生成的html
- jquery 动态生成的元素 添加事件
- jQuery获取动态生成的元素
- 进程的内核对象句柄表
- 正则表达式---小节(一)
- [转载]Flex开源项目
- 1天学习1个类库 UILocalNotification 示例
- [转载]Flex开源项目
- jQuery对于动态生成的内容的控制
- 如何在嵌入式LINUX中添加ARM开机图片?
- C#写unity3d的脚本需要注意
- Google应用在Android上的Push机制以及C2DM框架的底层实现
- GMF中,如何给节点的输入和输出赋值
- VC++6.0中拖曳文件到文本框得到文件名(OnDropFiles)
- java基础语法学习笔记(四)
- Openfiler 2.3 Active/Passive Cluster (Heartbeat, DRBD) With Offsite Replication Node(page 2)
- C# C++ 字符串传递