《Javascript入门学习全集》 Javascript学习第二季（实战1）

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