html+jquer+css知识积累

一、html

1、设置下拉框选择第n个

var a = document.getElementById("mySelect");

a.options[n].selected = true

a.value = "xxx"

二、jquery

1、jquery 事件委托   $("ul").on("click","li",function)

使用的好处:

1)只需对 ul 绑定事件,而无须对其 li 绑定事件,这样就减少资源的消耗;

2)当 li 是动态加入时,不需要为新加入的 li 绑定事件。

2、checkbox判断是否选中,需要使用  $("checkbox").is(":checked") 来判断

3、设置下拉框的选择项为第n个

$("#mySelect option:eq(n)").prop("selected","selected");

$("#mySelect").val("xxxx")

三、css

1、overflow-y: auto; 属性设置当实际高度大于可是高度时出现垂直滚动条;

2、border: 1px solid color;  设置边框  solid 一定要有啊,不然出不来;

3、word-break: break-all; 强制换行 ,当长度大于设定长度是强制换行;

4、display : inline; 显示在同一行

5、em 与 px   em 为指字体高(值并不是固定的、会继承父级元素的字体大小)  px 为大小单位

四、js

1、数据类型    undefind(undefind)、boolean(true、false、null)、number(整数、浮点数)、object(数组、对象)

2、js 定时任务 setTimeout(function,delayTime)和setInterval(function,delayTime)

setTimeout 只执行一次,  取消方法就是 window.clearTimeout(instance); 其中instance的类型为setTimeout的;

setInterval 不断执行,  可以理解为无数次 setTimeout   window.clearInterval(instance);其中instance的类型为 setInterva.

你可能感兴趣的:(html+jquer+css知识积累)