javascript class难题，高手解答一下

Question

function $(val){
if(val.indexOf(".")==0)
{
   var obj=document.getElementsByTagName("*");
   for(var x in obj)
   {
    if(obj[x].className==val.substring(1))
    {
     obj2=obj[x];
     jquery.call(obj2);
      //return obj2;    如果这样写，第一个class着色
    }
   }
 //return obj2;  如果这样写，最后一个class着色
}
}
var jquery=function(){
 this.css=function(param){
  for(var key in param)
  {
    this.style[key]=param[key];
   }
  }
}
太难把握了，，怎么写呢？？
$(".sp4").css({"width":"50px","height":"50px","border":"1px solid green"});
如何使全部class产生css效果

Answer 1

把html代码也贴出来一下  参考一下具体是什么问题好不?

Answer 2

我说的是
<div class="sp4"></div>
<div class="sp4"></div>
<div class="sp4"></div>
<div class="sp4"></div>
....只有1个起作用

Answer 3

不会吧，你这样已经可以了啊，要不你这样试试
$(".sp4").each(function(){$(this).css({"width":"50px","height":"50px","border":"1px solid green"})});

Answer 4

我发现是return导致的，，导致运行一次就返回了，，但不会改

Answer 5

不行?? 难道你想变换样式的div不是同一个样式么?$(function(){
    $(".sp4").each(function(){$(this).css({"width":"50px","height":"50px","border":"1px solid green"})});
})

Answer 6

你要模仿JQUERY？思路是不对的 return的应该是一个collectionList，而不是一个单独的dom element,然后对这个collectionList进行css调用。

Answer 7

var o={
length:0,
css:function(param){
var list=Array.prototype.slice.call(this);
for(var i=0,len=list.length;i<len;i++){
var o=list[i].style;
for(var key in param){
o[key]=param[key];
}
}
}
}
function $(val){
if(val.indexOf(".")==0)
{
   var obj=document.getElementsByTagName("*");
   for(var x in obj)
   {

if(obj[x].className==val.substring(1))
{
 obj2=obj[x];
 Array.prototype.push.call(o,obj2);
  //return obj2;    如果这样写，第一个class着色
}            
   }
 return o;
}
}
$(".test").css({color:"#f00",border:"1px solid #ccc"});
类似上面的，不同之处是我用o代表了一个jquery实例对象。

Answer 8

<div class="sp4"></div>
<div class="sp4"></div>
<div class="sp4"></div>
<div class="sp4"></div>
<script type="text/javascript"> 
function getElementsByClass(className)
{
    className = className.replace(/^\./,"")
    var colleciton = []; 
    var regex = className;
    var oRegex = new RegExp(regex,"");  
    function getNode(node)
    {
        if(oRegex.test(node.className)) colleciton.push(node);
        var childs = node.childNodes 
        for(var i = 0 ; i < childs.length ; i ++) getNode(childs[i])                  
    }
    getNode(document.body);
    return colleciton;
}
function $(val){
     var collection = getElementsByClass(val)
     jquery.call(collection);
     return collection
}
var jquery=function(){
 this.css=function(param){
 for(var i = 0 ; i < this.length ; i ++)
 {
  for(var key in param)
  {
    this[i].style[key]=param[key];
   }
  }
  }        
}    
$(".sp4").css({"width":"50px","height":"50px","border":"1px solid green"});
</script>
你也够有才的，模仿jquery这样式式