jquery设置css样式最快的方法

测试环境是火狐,IE 没测。
直接给出结果: 最快的 是     function setCss(eLs,name,val){ } 这种设置style的方法,其次是改变类名,最慢就是 css()

建议简单操作样式使用 style的方法,大量css,并且要方便用户自己制作皮肤的话,应该还是改变类名比较好。

 

 代码如下 复制代码

console.time("改变类名");

    $("p").addClass("a");
    console.timeEnd("改变类名");
   
    console.time("使用css()");
    $("p").css("color","red");
    console.timeEnd("使用css()");
   
    console.time('转换为js的style设置'); 
    /*var p = $("p");
    var len = p.length;
    for(var i=0;i<len;i++){
        p[i].style.display = "block";
    }*/
    setCss("li","display","none");
    function setCss(eLs,name,val){
        var obj = $(eLs);
        var len = obj.length;
        for(var i=0;i<len;i++){
            obj[i].style[name] = val;
        }   
    }
   
    console.timeEnd('转换为js的style设置');
    console.time('转换为js的style设置2'); 
    /*var p = $("p");
    var len = p.length;
    for(var i=0;i<len;i++){
        p[i].style.display = "block";
    }*/
    setCss("li","display","block");
    function setCss(eLs,name,val){
        var obj = $(eLs);
        var len = obj.length;
        for(var i=0;i<len;i++){
            obj[i].style[name] = val;
        }   
    }
 console.timeEnd('转换为js的style设置2');

时间: 2024-10-26 17:13:40

jquery设置css样式最快的方法的相关文章

jquery设置css样式、style属性 示例

css虽然会在一开始我们就定义好了,但是有很多场景需要我们动态设置css,或者单独修改一个dom控件的style属性,今天分享一下我总结的jquery设置css及style样式的方法. 一.CSS 1.css(name) 访问第一个匹配元素的样式属性. 返回值 String 参数 name (String) : 要访问的属性名称 示例: $("p").css("color"); //取得第一个段落的color样式属性的值 2.css(properties) 把一个&

jquery 操作css样式、位置、尺寸方法汇总_jquery

一.CSS 1.css(name) 访问第一个匹配元素的样式属性. 返回值 String 参数 name (String) : 要访问的属性名称 示例: 复制代码 代码如下: $("p").css("color"); //取得第一个段落的color样式属性的值 2.css(properties) 把一个"名/值对"对象设置为所有匹配元素的样式属性.这是一种在所有匹配的元素上设置大量样式属性的最佳方式. 返回值 jQuery 参数 properti

用JS动态设置CSS样式常见方法小结(推荐)_javascript技巧

用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px'; element.style.height = '100px'; 2. 直接设置属性(只能用于某些属性,相关样式会自动识别) element.setAttribute('height', 100);

js中用cssText设置css样式的简单方法_javascript技巧

如果网页中一个 id为"no"的标签,暂且当div标签来tell: 想要在js中设置这个div的css样式,很一般的做法是: var obj = document.getElementByIdx_x_x('no'); obj.style.width = '400px'; obj.style.height = '300px'; 如果要设置一堆又一堆的css样式呢,太麻烦了把. 一般情况下都会结合css来添加className或者改变className达到想要的效果,但是如果你create

jquery设置表格样式问题

问题描述 jquery设置表格样式问题 CSS不会用了,请问这样设置为什么没有效果? $("#timeOutInfoTable ").css("border","1"); $("#timeOutInfoTable ").css("cellpadding","0"); $("#timeOutInfoTable ").css("cellspacing"

jsp页面中插入css样式的三种方法总结

 本篇文章主要是对jsp页面中插入css样式的三种方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1. 外部样式   当样式需要应用于很多页面时,外部样式表将是理想的选择.在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观.每个页面使用<link>标签链接到样式表.<link>标签在(文档的)头部:   <head> <link rel="stylesheet"  type="text/css&qu

如何使用jquery控制CSS样式,并且取消Css样式

使用jquery控制CSS样式,并且取消Css样式的一个简单小实例,需要的朋友可以参考下   jquery控制CSS样式,并且取消Css样式(如背景色)   $("#tab1").css("background-color", "");    $("#" + left_tabid).css("background-color", "#025891");

jquery修改css样式函数

下面提供一款jquery修改css样式函数,他可以修改text password submit reset button radio textarea checkbox file以及focus  blur 事件等. */ $(document).ready(function(){  $("input[type='text']").addclass('input_blur');  $("input[type='password']").addclass('input_

android:TextView简单设置文本样式和超链接的方法_Android

本文实例讲述了android:TextView简单设置文本样式和超链接的方法.分享给大家供大家参考,具体如下: 设置TextView中文本的样式(如:颜色.斜体等),可以针对不同位置的文本设置不同的样式(如:将索引范围在1-3的字符设置为黑色,2-6的字符设置为粗体等) myFirstTextView = (TextView)findViewById(R.id.myFirstTextView); myFirstTextView.setText("这是我的第一个TextView,嘿嘿"