2020-3-27原生JS/ZL16：引用css 时 后面？v=***表示什么；动态改变CSS的背景图片;css中*{}“ * ” 也是个选择器，代表所有；修改css的几种方式;

一、引用css 时 后面？v=***表示什么？有什么意义？

例如：href="/css/base.css?v=2014.03"
客户端会缓存这些css或js文件，因此每次升级了js或css文件后，改变版本号，客户端浏览器就会重新下载新的js或css文件 ，刷性缓存的作用。大家可能有时候发现修改了样式或者js，刷新的时候不变，就是客户端缓存了css或者js文件，因此加上参数还是有好处的！

二、动态改变CSS的背景图片

 var  serial = "by";
  let src ='./qd/' + serial + '.png';
  $('.zy').css("background-image","url("+src+")")
  $('.by').css("background-color","#108EE9");

三、css中*{}“ * ” 也是个选择器，代表所有。

 所以就是页面里的所有标签，后面大括号当然就是你要写的属性了。

四、修改css的几种方式

1、KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲bj"+newzhouD)[0…("#bz")[0].style.setProperty(‘width’,‘0.7rem’);
$("#bz")[0].style.setProperty(‘height’,‘0.4rem’);
$("#bz")[0].style.setProperty(‘margin-right’,‘0rem’);
$("#bz")[0].src=‘gzhimg/bz.png’;
3、html 标签id要唯一，命名格式要规范，一般我用单词的驼峰命名，图片用图片名字命名，id的命名首先要让自己知道其次再考虑他人，自己不知道下面用也不方便。input属性类型最多如date,tel等不同类型的input有不同的性质要灵活运用可以减少很多的工作量；
4、css主要在于布局，盒子布局是调整居中对齐左右对齐最为常用的一种方法，设置边框要考虑后台传过来的字符长度，过长会影响到整个页面。超出换行、超出隐藏、超出变星星是常遇到的情况。一般再遇到变量的时候习惯性再外部再套一层div给定宽度已最外层div的长宽来设置内部的变量布局。
5、ajax数据处理常遇到的就是数据转换字符转换为对象、对象转化为字符、字符、对象、数组的灵活转化，也就是JSON数据的处理。用到最多的就是for循环升序和降序要有一定的理解，之前一直都以为这两者就是一个遍历只是顺序不同，恰恰因顺序的不同也会改变数值的变化。

五、JS怎么批量修改子元素样式？

1

2

3

444

六、动态添加html

var cent = $(“body”);
var str = ‘’;
str += “”;
cent.append(str);
var heizi = document.getElementById(‘heizi’);
var baizi = document.getElementById(‘baizi’);

七、JS渲染页面的方法加传参

function apply(){
for(var j=0;j<curriculum.length;j++){
var i=j+1;
curriculum[j].start_time=curriculum[j].start_time.substring(0,curriculum[j].start_time.length-3);
curriculum[j].end_time=curriculum[j].end_time.substring(0,curriculum[j].end_time.length-3);
var cent = $("#main");
var str = ‘’;
if(curriculum[j].is_leave0){
newimg = “gzhimg/qj.png”;
}else {
newimg = “gzhimg/chqj.png”;
}
str +="

“+i+”

"+"

"+curriculum[j].lesson_name+"

"+"

"+"

"+curriculum[j].start_time+"

"+"

"+"-"+"

"+"

"+curriculum[j].end_time+"

“+”

"+"

"+"

"+curriculum[j].classroom_name+"

"+"

"+curriculum[j].teacher1_name+"

"+"

“;
cent.append(str);
$(‘body’).on(‘click’,”#"+i,function(e){
var thisID = e.target.id-1
if(curriculum[thisID].is_leave0){
window.location.href=“askLeave.htm?cName=”+curriculum[thisID].lesson_name+"&sTime="+curriculum[thisID].start_time+"&eTime="+curriculum[thisID].end_time+"&claName="+curriculum[thisID].classroom_name+"&tName="+curriculum[thisID].teacher1_name+"&claDate="+curriculum[thisID].class_date+"&courseId="+curriculum[thisID].timetable_time_id;
} else {
window.location.href=“leaveDetails.htm?cName=”+curriculum[thisID].lesson_name+"&sTime="+curriculum[thisID].start_time+"&eTime="+curriculum[thisID].end_time+"&claName="+curriculum[thisID].classroom_name+"&tName="+curriculum[thisID].teacher1_name+"&claDate="+curriculum[thisID].class_date+"&courseId="+curriculum[thisID].timetable_time_id+"&content="+curriculum[thisID].leave_info.content;
}
});
}
}