前段开发问题整理——第二篇

一、input获取焦点事件——focus() 方法

当输入框获得焦点时，改变它的背景色：

$("input").focus(function(){
  $("input").css("background-color","#FFFFCC");
});

二、input失去焦点事件——blur() 方法

当输入域失去焦点 (blur) 时改变其颜色：

$("input").blur(function(){
  $("input").css("background-color","#D6D6FF");
});

三、$(’#id’).on(‘change’,func)多次触发问题

第一次改变#id的值会触发一次change事件，当再次改变时会触发两次，在改变会触发三次，这是因为没有对#id的change事件进行解绑所以会导致多次触发，所有在使用前需要解绑change事件

$('#d4-tab1-photoup'+id).off("change");
$('#d4-tab1-photoup'+id).on('change',function () {

四、js中给数组添加元素

1、push() 结尾添加多个元素
　　数组.push(元素…)
2、unshift() 头部添加多个元素
　　数组.unshift(元素…)
3、splice() 方法向/从数组指定位置添加/删除项目，然后返回被删除的项目。

参数					描述
index				必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany				必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1, ..., itemX	可选。向数组添加的新项目。

五、盒子模型

六、div顶部对齐——vertical-align

vertical-align属性是设置元素的垂直对齐方式的

//设置顶部对齐
vertical-align：top;

七，动态生成元素绑定事件

注意：父元素不能是动态生成的，若动态元素的父元素也是动态生成的可以用祖元素代替

$(父元素).on(事件类型，动态元素，function)

八、div设置圆角

值可以是px也可以是百分比，若div长宽一样border-radius设置为50%则是一个圆

border-radius:5px

九、jQuery遍历某一元素下的子元素——.children()

//表示获取row下td便签属性为data-field="d"，并将赋值为1，其中row为元素对象
$(row).children('td[data-field="d"]').text(1);

十、给某一个元素添加一个元素

• append() - 在被选元素的结尾插入内容
• prepend() - 在被选元素的开头插入内容
• after() - 在被选元素之后插入内容
• before() - 在被选元素之前插入内容
• remove() - 删除被选元素（及其子元素）
• empty() - 从被选元素中删除子元素

十一、获取鼠标所在位置元素

//获取当前鼠标所在元素便签
event.target

十二、溢出的文章隐藏并显示省略号

//溢出部分隐藏
overflow: hidden;
//隐藏部分显示省略号
text-overflow: ellipsis;
//溢出部分不换行
white-space: nowrap;