jquery之append与insertBefore使用实例

这篇文章发布于 2009年08月31日,星期一,17:32,归类于 jQuery相关。 阅读 47415 次, 今日 4 次 4 条评论

 

这是我上个月做的一个实例页面,主要想试试如何使用append加载HTML元素,于是想到做一个插入图片的效果。所以这个实例不是为了做插入图片效果而写的js代码,而是为了试试append而做了插入图片的效果。因而做插入图片,这个的代码肯定不是什么值得推荐的代码,但是对于了解append以及insertBefore还是有帮助的。

效果很简单,单击插入图片按钮,就会在页面上插入一张图片,直到8张图片全部显示完毕。

图片插入完毕

jQuery 我只是入门级水平,分析append之类属性是做不来也不想做,误人子弟不是什么好事,网上的所谓些教程很多都是乌烟瘴气的。

这里主要是展示我学习时做的实例效果以及一些小小的经验,例如:

$("p").before( $("b")表示p的前面是b,也就是b要插到p的前面。
$("p").insertBefore("b")表示将p插入到b的前面

您可以用来参考参考,欢迎交流交流,要是能对您有帮助那再好不过了。

或许过个一两年,经验多了,研究深了,理解透彻了,那时的我说不定会专门的分析讲解。

这里是:demo实例页面 | 源文件下载

(本篇完)

分享到:
×


发表评论(目前4 条评论)

  1. 随笔川迹说道:

    demo访问页面不存在啊

  2. kinchao说道:

    $(“p”).before( $(“b”); 老师 您这里是否是少打了个右括号

  3. 蜗牛说道:

    这里的DEMO页面404鸟