jQuery创建div/p元素的多种方式，多层元素嵌套的方法_他知道的博客

相关文章推荐

玩命的脸盆 · 2023年6月16日 ...· 2 年前 ·

精明的大白菜 · 国内安卓的call ...· 2 年前 ·

有情有义的大白菜 · pip安装报错：is not a ...· 2 年前 ·

快乐的水煮肉 · Jsch远程执行shell脚本命令_jsch ...· 3 年前 ·

$(document).ready(function(){ //正常创建HTML元素，可创建多层嵌套的代码 var firstdiv1 = $('

'); //只能创建前面的div元素，后面的span会被打印出来 var firstdiv2 = $('

').text("aa"); //正常创建div元素，不能在div里面嵌套其他元素比如p/button var firstdiv3 = $('

').text("aa"); //正常创建div元素，创建了同胞span元素，同级的。 var firstdiv4 = $('

').text("aa"); $("body").append(firstdiv1); $("body").append(firstdiv2); $("body").append(firstdiv3); $("body").append(firstdiv4);

以上的代码可以自己复制到浏览器操作查看。原文地址： jQuery创建div/p元素的多种方式，多层元素嵌套的方法

jQuery创建div/p元素的多种方式，多层元素嵌套的方法<!DOCTYPE html><html><head><meta charset="utf-8"> <title>武林编程</title> <style>.aa{width:300px;height:30px;background-color:grey;}.bb{width:200px;height:20px;background-colo 将由参数指定的内容插入匹配元素集合中每个元素的尾部这.append() 方法插入指定内容作为 jQuery 集合中每个元素的最后一个子元素 (为了插入这个内容作为第一个子元素，可以使用.prepend()) .append()的参数类型 Html String、Dom Element、Text Node、 jQuery Object、类型... var tip = $(''); // 创建一个 div tip.attr('id','tip'); //给 div 设置id tip.addclass('tip'); //给 div 设置class tip.appendTo('body'); //将 div 添加到body中方法二： var tip = "加载中..."; $(window).

场景：为了实现一个 toggle 效果，即第一次点击一个“添加”按钮之后，会在一个（外层） div 的末尾append一个新的（内层） div ，第二次点击这个按钮之后，希望这个新增的（内层） div 可以被折叠。这时需要根据（内层） div 的id，抓到这个（内层）的 div ，然后使用$("# div 1").remove();删除它，从而实现 toggle 效果使用 jQuery id选择器 $("#...