【技术】创建一个 <input> 元素，同时设定 type 属性、属性值，以及一些事件

鼠标点击input前：　　鼠标点击input后：

 

html部分：

<body>
　　<form></form>
</body>

css部分：

input{
width: 200px;
height: 30px;
margin: 10px;
outline: none;
border: 1px solid gray;
}
.active{
border: 1px solid red;
}

js部分：

$(function() {
　　$("<input>", {
　　　　type: "text",
　　　　val: "手机号",
　　　　focusin: function() {
　　　　　　$(this).addClass("active");
　　　　},
　　　　focusout: function() {
　　　　　　$(this).removeClass("active");
　　　　}
　　}).appendTo("form");
});

 

posted @ 2015-08-11 12:08  ybingbing_1213  Views(257)  Comments(0)    收藏  举报