前言：
眼前各位老铁们对“淘宝广告图片jquery”大约比较关切，大家都想要分析一些“淘宝广告图片jquery”的相关资讯。那么小编同时在网上网罗了一些有关“淘宝广告图片jquery””的相关知识，希望兄弟们能喜欢，我们一起来学习一下吧！天猫商城效果图
html的代码
css代码
用原生js封装jq
原生js封装jq的代码
下面的核心代码，可以实现 $('#id .class tag').css('width',50);
var $=function(args){
return new Base(args);
}
function Base(args){
this.elements=[];
var childEvent=[];
var node=[];
if(typeof args=='string'){
//css模拟
if(args.indexOf(' ')!=-1){
var elements=args.split(' ');
for(var i=0;i<elements.length;i++){
switch(elements[i].charAt(0)){
case '#':
childEvent=[];
childEvent.push(document.getElementById(elements[i].substring(1)));
node=childEvent;
break;
case '.':
if(node.length==0){
this.all=document.getElementsByTagName('*');
for(var j=0;j<this.all.length;j++){
childEvent=[];
if(this.all[j].className==elements[i].substring(1)){
childEvent.push(this.all[j]);
node=childEvent;
}
}
}else {
childEvent=[];
for(var j=0;j<node.length;j++){
this.all=node[j].getElementsByTagName('*');
for(var k=0;k<this.all.length;k++){
if(this.all[k].className==elements[i].substring(1)){
childEvent.push(this.all[k]);
}
}
}
node=childEvent;
}
break;
default:
if(node.length==0){
childEvent=[];
this.all=document.getElementsByTagName(elements[i]);
for(var j=0;j<this.all.length;j++){
childEvent.push(this.all[j]);
node=childEvent;
}
}else {
childEvent=[];
for(var j=0;j<node.length;j++){
this.all=node[j].getElementsByTagName(elements[i]);
for(var k=0;k<this.all.length;k++){
childEvent.push(this.all[k]);
}
}
node=childEvent;
}
}
}
this.elements=node;
}else{
//find方法模拟
switch(args.charAt(0)){
case '#':
this.getid(args.substring(1));
break;
case '.':
this.getClass(args.substring(1));
break;
default:
this.getTagName(args);
}
}
}else if(typeof args=='object'){
if(args !=undefined){
this.elements[0]=args;
}
}else if(typeof args=='function'){
this.ready(args);
}
}
//定义css方法，这个就是设置css样式的方法
Base.prototype.css=function(arr,value){
for(var i=0;i<this.elements.length;i++){
if(arguments.length==1){
return getStyle(this.elements[i],arr);
}else{
this.elements[i].style[arr]=value;
}
}
return this;
}
记得多多关注喔
标签： #淘宝广告图片jquery #天猫html模板 #天猫导航栏css代码 #js商城代码 #jq怎么写原生页面
