如何通过jquery隐藏input

2024-11-19 13:24:41

推荐回答（2个）

回答1：

1、使用jquery的hide()方法

例子：

$("#content").hide();//隐藏input；content为input的id
$("#content").show();//显示被隐藏的元素；  content为input的id

2、使用jquery的css方法

$("#id").css('display','none'); 
$("#id").css('display','block');

3、操作input的style

$("#id")[0].style.display = 'none';//隐藏input
//$("#id")返回的是JQuery 

$("#id")[0].style.display = 'block';//显示input

回答2：

jquery提供了val() 方法用以设置或返回表单字段的值，input对象虽然被隐藏了，但是依然存在于文档树中，所以仍然可用val() 方法获取它的值。实例演示如下： 1、HTML结构页面隐藏了一个div，其中包含一个value为“我是被隐藏的为文本框的值”的文...