学习YUI.Ext基础第一天

2019-06-03 02:22:45于丽


Element包含了常见的DOM方法和属性,提供一个快捷的、统一的、跨浏览器的接口(若使用Element.dom的话,就可以直接访问底层DOM的节点。); 
Element.get()方法内置缓存处理(Cache),多次访问同一对象效率上有极大优势; 
内置常用的DOM节点的动作,并且是跨浏览器的定位的位置、大小、动画、拖放等等(add/remove CSS classes, add/remove event handlers, positioning, sizing, animation, drag/drop)。 
这意味着你可用最小的代码来做各种各样的事情,这里仅仅是一个简单的例子(完整的列表在elementAPI中)。

继续在ExtStart.js中,在刚才我们获取好myDiv的位置中加入:


myDiv.highlight();      //黄色高亮显示然后渐退 
myDiv.addClass('red');  // 添加自定义CSS类 (在ExtStart.css定义) 
myDiv.center();         //在视图中将元素居中 
myDiv.setOpacity(.25);  // 使元素半透明