【web前端】input使用小结

1. input文本改变事件

（1）改变完后触发：

       只有在文本做了改变，且失去焦点时触发

$("#test").change(function(){

//fire your ajax call

alert("Change!")

});

（2）改变时触发：

       input事件：on和bind的绑定方式暂时没发现有什么区别

         1）on绑定

$("#test").on('input',function(e){

alert("input!")

});

       2）bind绑定

$("#test").bind("input",function(){

alert("bind")

})

       3）addEventListener

varbtn1Obj = document.getElementById("test");

btn1Obj.addEventListener("input",te,false);

functionte(){

alert("addEventListener")

}

2. 选择input对象

var obj1 =$("input[name='category']")[0];

alert(obj1.value)

$("input[name='category']").bind("change",function(){

alert("ok")

})

var obj =$("#category").find("input").eq(1);

obj.change(function(){alert(4)});

3. 如何利用jquery来给input添加或删除disabled属性方法总结

        以下二种方法是可以为input添加disabled属性的方法：

//两种方法设置disabled属性

$('#areaSelect').attr("disabled",true);

$('#areaSelect').attr("disabled","disabled");

       以下三种方法是移除（去除）掉input的disabled属性的方法：

//三种方法移除disabled属性

$('#areaSelect').attr("disabled",false);

$('#areaSelect').removeAttr("disabled");

$('#areaSelect').attr("disabled","");