码迷,mamicode.com
首页 > Web开发 > 详细

Jquery行为层和表示层的分离

时间:2019-07-11 12:55:00      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:http   实现   样式   css样式   nbsp   art   article   代码   jquer   

网页的结构层、表示层和行为层分离的越彻底,维护及更新就越容易。结构层和表示层可以彻底的分离,结构层和行为层也可以分离,但是当用行为层来操纵表示层时,情况就有些麻烦。 

当在javascript里改变css时,我们可能会直接在Javascript代码用诸如tr.style.color="red"这样的语句来操纵。但是如果我们这样做的话就违背了三个层面相互分离的原则,对以后的维护也不利。因为假如以后要把red改为blue,我们就不是在css里来改变,而是得在javascript代码里来寻找改变。那么怎样做到既可以用javascript来改变css样式,而又实现行为层和表示层的分离呢? 

其实我们可以给元素节点对象赋予一个类属性,然后在css里设定这个类的值,这样就可以实现既可以操纵css又实现的分离。当我们要改变某个对象的外观时,我们可以给它增加class属性,而不是直接设定style.color这样的语句。color可以在css的类里面来设定。这样我们操纵的就只是一个class属性,而不是直接的css值。

 

Jquery行为层和表示层的分离

标签:http   实现   样式   css样式   nbsp   art   article   代码   jquer   

原文地址:https://www.cnblogs.com/wzdnwyyu/p/11169085.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!