jQuery -> 如何【先创建、再修改、后添加】 DOM元素
来源:互联网 发布:emoji 数据库存储 编辑:程序博客网 时间:2024/03/29 02:02
如何一气呵成地,on the fly地操作DOM元素呢?
例如顺序执行【创建】-> 【修改】-> 【添加】三个动作。
由于jQuery支持链式操作,其实就是设计模式的builder模式,所以我们可以把三个操作串在一起来执行。
首先创建一个p元素,内容包含一个a元素。
$('<p><a>jQuery</a></p>')
然后为a元素添加一个href属性
$('<p><a>jQuery</a></p>').find('a').attr('href', 'http://www.jquery.com')
最后把新添加的p元素添加到body中
$('<p><a>jQuery</a></p>').find('a').attr('href', 'http://www.jquery.com').end().appendTo('body')
注意,这个地方需要执行end()操作,否则添加到body中的元素不是p元素变成了p元素中的a元素。
其实,end()操作不能等价与撤销,它返回的是previous selection,但是这个selection已经被end之前的操作修改过。
<!DOCTYPE html><html><head><meta charset="UTF-8"></head><body><script type="text/javascript" src="jquery-1.11.1.js"></script><script type="text/javascript">$('<p><a>jQuery</a></p>').find('a').attr('href', 'http://www.jqeury.com').appendTo('body');</script></body></html>
页面代码
0 0
- jQuery -> 如何【先创建、再修改、后添加】 DOM元素
- jQuery DOM元素添加删除
- DOM概念 修改元素 获取元素 添加
- 10014---jQuery--jQuery DOM 操作-添加元素
- Jquery 动态添加dom后,再为其绑定事件
- jquery 获取dom固定元素 添加样式
- JQuery DOM元素的删除和添加
- 创建,添加,插入和删除DOM元素
- Dojo - 修改创建删除dom元素
- JQuery与DOM创建HTML元素对比
- JQuery动态创建DOM、表单元素
- JQuery动态创建DOM对象、表单元素
- jquery-创建元素和添加子元素
- jQuery的DOM操作之添加元素和删除元素
- Ajax成功添加新DOM元素 jquery 绑定元素事件
- 如何让动态创建的页面元素响应用户事件 (HTML/javascript/jQuery/Ajax/DOM)
- jQuery 核心函数:jQuery(html,[ownerDocument])动态创建DOM元素
- 控件创建后,先设置属性,再添加到页面,导致工作不正常的问题
- 网站重要的推广方式——博客推广(上:什么是博客推广)
- Slave_SQL_Running: No mysql同步故障解决方法
- 关于jstl的几个问题
- 提高模型创建速度有什么办法?
- 黑马程序员_java中的集合
- jQuery -> 如何【先创建、再修改、后添加】 DOM元素
- 看不清的路
- VC实现串口通信例程
- IOS开发之----Navigation
- OC实现简单通讯录
- Java Socket编程
- 用例模型与概念模型的区别和联系
- Python标准模块logging
- 亚马逊AWS盯上了中国的手游市场,它为游戏公司们准备了哪些服务?