jq插入元素的方法、_jQuery创建和插入元素节点的方法【403】

一、我们先创建一第空白的网页,创建一个p元素,然后链接jQuery库文件。

c4c7a615487d135db172e3f0fc7c9086.png

图1

二、我们在脚本区域创建button元素。

191cc9903af7550e8e7585fc6dbcb2df.png

图2

三、我们用append的方法,在p标签里加入刚才我们创建的按钮。

06da8c1b2a62502f4660e29a53cab61e.png

图3

948ec1529e8106e590772366680fa0d8.png

图4

四、接下来我们把p标签删掉,做两个盒子box1和box2,box2在box1里面。

abc63e809656dc4d46af7ae8d31f62e8.png

图5

五、我们把按钮追加到box1里面。

314d21e8d750fafc0aa5707c2a86e449.png

图6

8d9d0686970ded5f2b6f6bc8fc79ba3d.png

图7

六、我们把按钮加入到box1里面,box2前面。

a458249f06f9ecb8a0fab064493994c4.png

图8

8bd91e7078a6fda7887f208880e80427.png

图9

七、把按钮插入到box1前面。

4d5a51a7e59b54ff973add9bbe8d3138.png

图10

25237283a1ca5eea7292fb74071171ea.png

图11

八、在box1之后插入按钮。

ac0b57dfd125fe663a15caa3d0d29e77.png

图12

7b5a4ed1042dfa2ed2aaeda389ee8a61.png

图13

九、总结,里面追加用append(),里面之前用prepend(),后面插入用after(),前面插入用before()。


 DocumentDocument
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值