html css js jq,HTML、CSS、JS、Jq知识总结

1.坐标的设置

设置一个div的坐标之前，必须先设置他的位置类型。

div{

position: absolute;

left: 35%;

top: 50%;

}

2.设置div的float属性很重要，有div设置float时，在某些状况下，很多div也要设置float否则会发生div重叠现象。

3.$(".person_msg").empty();清空div的内容

4.利用jq在元素中追加内容，以下几种方法

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

5.页面清空并部分刷新，考虑ajax以及div.remove()模块的清除

6.!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

7.不同的标签赋值的方法不同

p:html()

input:val()

8.select 标签有一个onchange事件

8.光标移开文本框触发的事件 onblur 事件

9.有时候没有小数点会出错

var weight1 = num1.6;

var weight2 = num4.0 ;

10.内容的清空p、span标签用empty(),input的用val("")

11.文本对齐着重考虑使用ul

12.checkbox的大小最好不要改变

13.生成随机四位英文字母，A-Z即65+0-25，String.fromCharCode(65+Num)

Math.ceil(math.random()*25);

14.如何消除标签、模块div之间，页面之间的间隔

设置body,div{margin:0,padding:0}

有浮动则设置同样的浮动方式：float:left

15。设置表格奇书，偶数行颜色

.tb tr:nth-child(odd){

.tb tr:nth-child(even){ }

16.样式在html中起作用，在css中却失效，原因如下：

1、标签未关闭

2、优先级较低

3、声明编码格式不对

4、结尾未加分号

5、JS影响

6、页面一开始声明就出错了

7、其他

8.取名最好不要与标签名相同

17.模块样式最好相互独立，否则容易出现问题

18.如何让图片随屏幕自适应

body{

//1.加载背景图片

//背景图片不平铺

background-repeat: no-repeat;

//3.背景图片位子相对于viewport固定

background-attachment: fixed;

//4.背景图片根据容器大小伸缩

background-size: cover;

}

18.容器的百分比

body的百分比相对于电脑屏幕而言

div的百分比相对于body而言

层层嵌套

19.代码没错却不起作用

系统暂时无法识别代码，标签等，删除重写。

20.页面加载特别慢

原因，代码中存在引入错误