Javascript学习第二季(实战1

 

转眼间,第一季已经学完了。如果你认真学习第一季了,那么第二季的实战应该对你来说,不会很难。。。

从今天起,我们开始DOM实战演练。

仅仅是演练,不要吓坏了哦.…..

 

Demo1:

 

 

Demo2:

 


 

 

 

 

Demo3:

 


 

 

 

 

Demo4:

 

 

aaaaaaaaaaaaa


ccccccc

 


bbbbbbbbb

 

 

 

Demo5:

 

aaaaaaaaaaaaa


ccccccc

 


bbbbbbbbb

 

 

 

Demo6:

 

aaaaaaaaaaaaa


ccccccc

 


bbbbbbbbb

 


dddddd

 

 

 

如果能把上面的例子都看懂,搞懂。

相信你的DOM编程技术已经有很大的进步了。

 

如果你是一名jquery爱好者,相信你也想用jquery写出同样的功能。

下面是jquery的代码,比较简单:

Jquery demo1 : 插入 div id=b 的前面。

(实现了跟DEMO 5同样的功能。)

 

aaaaaaaaaaaaa


ccccccc

 


bbbbbbbbb

 

 

Jquery demo2

Jquery内部实现了 insertafter():

例子:(实现了跟DEMO 6同样的功能。)

 

aaaaaaaaaaaaa


ccccccc

 


bbbbbbbbb

 


kkkk

 

 

 

jQuery里封装了很多dom操作的方法,比如上面说的 insertBefore(),insertAfter(),

还有prepend(),prependTo(),append(),appendTo(),add(),wrap(),before(),clone()等等。大大简化了DOM的操作。 但我们不能太依靠它,毕竟js还是基石。。。

 

明天我们讲做一个 javascript 图片馆。也就是在很久以前文章里的一个例子。

呵呵,上次叫你们拿笔记住不懂的地方,现在那张纸还在吗?

明天再会。

 

如果还有不懂,可以google 搜索资料.

或者联系我 ,可以去我的blog 给我留言 :

http://www.cssrain.cn/LoadMod.asp?plugins=GuestBookForPJBlog

版权声明:本文为JemBai原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/JemBai/archive/2008/08/13/1266794.html