jquery创建添加append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore
2017-08-29 09:01
696 查看
全栈工程师开发手册 (作者:栾鹏)
jquery系列教程2-DOM操作全解
代码如下:
jquery系列教程2-DOM操作全解
jquery创建添加元素
jquery支持直接使用h5代码作为参数创建元素,将元素添加到dom树中append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore等方法,具体功能如代码中注释。代码如下:
$cr = $("<label></label>"); //使用h5代码创建元素 $("#div1").append($cr); //添加创建好的元素 //创建文本节点 $cr = $("<label>这里就是文本</label>"); //在元素中加上文本就是创建文本节点,更准确的说法应该是创建元素节点和文本节点 $("#div1").append($cr); //创建好的元素 //创建属性节点 $cr = $("<label title='mytitle'>这里就是文本</label>"); //创建包含title属性的label元素 $("#div1").append($cr); //append表示在父元素内部结尾追加元素 $("#div1").prepend($cr); //prepend表示在父元素内部首部添加元素 $cr.appendTo($("#div1")); //appendTo表示子元素追加到父元素内部结尾 $cr.prependTo($("#div1")); //prependTo表示子元素添加到父元素内部首部 $("#div1").after($cr); //after表示在元素后面添加同胞元素 $cr.insertAfter($("#div1")); //insertAfter表示添加到指定元素的后面 $("#div1").before($cr); //before表示在元素前面添加同胞元素 $cr.insertBefore($("#div1")); //insertBefore表示添加到指定元素的前面
相关文章推荐
- jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法总结
- jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove的使用
- jquery中的append,prepend,appendTo,prependTo,after,before
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove系列方法的使用
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove系列方法的使用。
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove的使用
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove系列方法的使用。
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove的使用
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove系列方法的使用。
- Jquery基础:append、prepend、after、before、appendTo的区别
- Jquery基础:append、prepend、after、before、appendTo的区别
- DOM—外部插入.after()、.before()、.insertAfter()和.insertBefore()与内部插入.prepend()和.prependTo()
- jquery 向html添加元素append prepend before after
- 添加新内容的四个 jQuery 方法:append,prepend,after,before
- jQuery如何向HTML添加指定的内容,append() ,prepend() ,after(),before()
- 知识点二:jQuery 添加方法>append()、prepend()、after()、before()之间的作用
- Jquery添加元素(append,prepend,after,before四种方法区别对比)
- jQuery对内容的获取,添加,移动的.append(), .html(), .prepend(), .after(), .before()
- jq中append(),appendTo(),after(),before(),prepend(),prependTo()的用法