Extjs/jquery/javascript类的选择
2015-11-02 23:29
555 查看
要修改样式的话,首先要先选到修改的类,在某些框架下,单纯选择id是改不了样式,通过浏览器自带的调试工具查找当前的对象的类属性,在进行更改。先从JavaScript来说,选择类的方法是document.getElementsByClassName('class'),(注:低版本浏览器不支持此类写法),然后更改样式,如字体大小document.getElementsByClassName('class')[i].style.fontSize='20px';,这里面的[i]是当前第几个类。如果不想修改所有的类,可以给当前某个类一个id属性,通过id和类选到特定的对象,如document.getElementById('id').getElementsByClassName('class')[0].style.fontSize='20px';方式使用。
用JavaScript写的话敲的代码比较多,用jQuery来写要简单多了,如:$('#id').find('.class').css('font-size','20px');,$('')这个是jQuery的选择器,当选到某个id后,用find()找到相应的类,css()更改对象样式。
Extjs也有自己的选择方法,如:Ext.fly('#id').selsct('.class').setstyle('font-size','20px');可能有人会问这里为什么不用get()而是用fly(),这需要你对Extjs框架有所了解,简单的说fly()会缓存,不需要每次都调用Element对象,而get()每次都会调用。在性能上fly()会更好。
用JavaScript写的话敲的代码比较多,用jQuery来写要简单多了,如:$('#id').find('.class').css('font-size','20px');,$('')这个是jQuery的选择器,当选到某个id后,用find()找到相应的类,css()更改对象样式。
Extjs也有自己的选择方法,如:Ext.fly('#id').selsct('.class').setstyle('font-size','20px');可能有人会问这里为什么不用get()而是用fly(),这需要你对Extjs框架有所了解,简单的说fly()会缓存,不需要每次都调用Element对象,而get()每次都会调用。在性能上fly()会更好。
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- javascript实现10进制转为N进制数
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法