Archive for the ‘Others’ Category

jQuery的一点理解

星期六, 十二月 12th, 2009

 

     有些新东西总是很吸引人,以前一直对web开发很有兴趣,只不过这兴趣只是停留在每当看见设计精彩的网站时就有冲动而已。因为之前学过JavaScript,对基本的html,css和DOM都有一些了解,所以对jQuery也就比较好理解。虽然我不是web开发者,也不是这方面关注者,这里我只是说一说一个web开发的小白对jquery的理解而已。

        晚上看新闻偶尔看到jQuery这个东西,没听过,google了一下,也算是一些了解,就写一些简短的总结,记录在案,以备以后学习之用。

         根据官方介绍,jQuery is a new kind of JavaScript Library. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript

      就是说他提供了一种更有效,更“优雅”(引用)的方式来写帮助些Html中的JavaScript代码。

     看个简短的示例

demo.html:

demo.html
入门教程--http://thinhunan.cnblogs.com/archive/2008/03/05/1091816.html

看其中的代码:

demo.html

意思就是
“ul>li:first”中ul>li表示所有位于ul下的li元素(为CSS表达式,XPath方式可用ul/li),
:first表示其中的第一个。addClass()为jQuery对象用来添加CSS样式类的函数,相反的函数为removeClass()。
其中就看到,我们用jQuery来操作 其中的 对象ul,li

再看其中的

demo.html

其中$(‘<li>new item</li>’)将其中的字符串转换为DOM对象,然后通过append()函数加入ul对象的最后。

运行效果:

image

 

从中可以看出,jQuery的确提供了一种更优雅的方式来使用其中的对象。