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样式的扩展。
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样式的扩展。
相关文章推荐
- jQuery的运行机制和设计理念
- jquery设计理念
- jQuery的运行机制和设计理念分析
- Jquery源码解析-设计理念
- jQuery设计思路与编程理念,j优雅js库的内部秘密
- jQuery设计思路与编程理念,j优雅js库的内部秘密
- jQuery设计理念
- jQuery的运行机制和设计理念分析
- jquery 导航设计实现代码 学习jquery的朋友可以看下
- [Java]Spring框架的设计理念与设计模式分析
- Spring 框架的设计理念与设计模式分析
- Spring 框架的设计理念与设计模式分析
- Spring 框架的设计理念与设计模式分析
- 使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题
- Spring设计理念
- Jquery插件之选择器的设计
- 25个强大的 jQuery 砌体网页设计作品
- 多图详解Spring框架的设计理念与设计模式
- Spring 框架的设计理念与设计模式分析
- 25个基于jQuery实现的砌体网页设计作品