Extjs/jquery/javascript类的选择_extjs class选择-优快云博客

本文链接：https://blog.youkuaiyun.com/zhengzebinhao/article/details/49593929

本文详细介绍了如何利用JavaScript和jQuery这两种方法修改网页元素的样式，包括选择类、选择特定id和类，以及使用Extjs框架进行样式修改。文章深入浅出地解释了不同方法之间的区别和适用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要修改样式的话，首先要先选到修改的类，在某些框架下，单纯选择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()会更好。