Jquery 之DOM文档操作(一)
2016-03-14 17:45
344 查看
插入和替换元素
$('#log').append('<br/>'+mesage);//在id为log的元素的结尾添加内容 $('h1').prepend('$');//在每个h1标签起始处添加一个美元符号 $('h1').before('<hr/>');//在每个h1 标签前面添加一条水平线 $('h1').after('<hr/>');//在每个h1标签后面添加一条水平线 $('h1').replaceWith('<br/>');//将h1元素替换成 br $('h1').map(function(){ return this.firstChild }).before('$');//这是给每一个h1的开头添加章节标识的另外一种方法
下面的方法操作将实现和上面一样的功能
$('<br/>'+message).appendTo("#log"); $('$').prependTo('h1'); $('<hr/>').insertBefore('h1'); $('<hr/>').insertAfter('h1'); $("<br/>").replaceAll('h1');
总结
jquery 对于dom的操作方法有很多 不同的方法可以实现相同的功能,所以用自己觉得顺手和熟悉的方法很重要!相关文章推荐
- jQuery设置checkbox全选(区别jQuery版本)
- jQuery获取Select选择的Text和 Value(转)
- ectouch 实现按需加载商品信息(Jquery 2.1.1 插件版本)
- jquery之AJAX
- jquery实现二级联动,实时查询数据库
- jquery获取复选框checkbox的值
- Jquery validate 静态方法和常用方法的使用
- [前端] jquery验证手机号、身份证号、中文名称
- HTML5开发移动web应用—JQuery Mobile(4)-事件
- jquery+css3实现3D拖拽相册
- 从jQuery中学习来的另一种继承方式(技巧)
- DOM对象和jQuery对象互相转换
- JQuery表单验证的方法和实例
- 利用时间戳解决频繁更新图片造成的图片缓存问题
- 如何将货币字符串转换为double与jQuery或JavaScript?
- javaScript和jQuery自动加载方法
- jquery插件的编写
- jquery元素插入、删除、清空
- 用jquery追加的元素不能触发treeview事件
- jQuery系列:N种方法大总结