首页 > 其他 > 详细

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

时间:2015-08-11 13:42:19      阅读:226      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!