您的位置:首页 > Web前端 > JQuery

jquery的设计理念

2009-06-10 10:05 232 查看
我们如何使用JS?大多数时间都是如下五方面的事情:

1,采用getElementById在Dom文档中找到dom元素,然后取值或设值。

2,对元素采用innerHTML取其内容或设定其内容。

3,对元素进行事件的监听(如Click)。

4.通过改变元素的CSS样式如height,达到视觉上的效果。

5,通过Ajax从服务器取值,往指定元素里填充内容。

从上面可以看出使用JS就时对dom元素进行操作,dom元素可能时单个或集合形式。JS的操作可分析两部分任务。

1,查找dom元素 2,对dom元素进行操作。

对于JavaScript开发人员来说,写JavaScript或许不是问题,但是要让各个浏览器兼容,却是头疼的一个问题,这是用JS类库的主要原因。

jquery采用$符号作为查找元素代理,他不在是简单的getElementById,而是功能强大的CSS selector,那样查找dom元素。解决了查找元素的问题,还有就是对元素的操作,简化了许多难记的方法,同时使用的方法一个也没有少。如Ajax,event,fx,CSS的操作应有尽有。

现在对jquery一个明确的解释:jquery实质就是一个查询器。在查询器的基础上还提供对查找到的元素进行操作功能。这样说来jquery就是查询和操作的统一。查询是入口,操作时结果。

jquery基本的功能都在静态方法中实现,可以细分为以下几个部分

1.selector查找元素。这个查找不但包含基于CSS1~CSS3的CSS selector功能,还包含其对直接引用或间接引用dom元素而扩展的一些功能。

2.om元素的属性操作。dom元素可以看作时HTML的标签,对于属性的操作就是对于标签的属性进行操作。这个属性包括增加,修改,删除,取值等。

3.dom元素的CSS操作。css是控制页面的显示效果。对CSS的操作,那就得包含高度,宽度,display等这些常用的CSS功能。

4.Ajax的操作。Ajax的功能就是异步从服务器取数据然后进行相关操作。

5.vent的操作。对event的兼容性做了统一的处理。

6.动画fx的操作。可以看作时css样式的扩展。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: