码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-08-11 13:44:46      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

鼠标点击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");
});

 

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

标签:

原文地址:http://www.cnblogs.com/ybingbing_1213/p/4720620.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!