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

相关文章推荐

冷静的牛肉面 · 中共中央关于党的百年奋斗重大成就和历史经验的决议· 1 月前 ·

火星上的猴子 · 【神父受胎】高能！！！淑女慎入哦~~_哔哩哔 ...· 6 月前 ·

深沉的鸡蛋面 · -Auto Thinker汽车智库平台· 1 年前 ·

淡定的香烟 · 深爱入骨：独占第一冷少漫画｜官方在线漫画全集 ...· 1 年前 ·

爱看书的竹笋 · 网上都说好，但这八款车月销量居然不到10台- ...· 1 年前 ·

$(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选择器 $("#...