html+jquer+css知识积累

前端技巧精粹
本文介绍了前端开发中的实用技巧,包括HTML下拉框操作、jQuery事件委托及选择项设置、CSS样式控制、JavaScript基本数据类型与定时任务等。适用于希望提高前端开发效率的开发者。

一、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.

转载于:https://my.oschina.net/swchenyuzhe/blog/526720

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值