在进行网页设计的时候，我们会经常遇到一些需要将input框进行隐藏的情况，比如搜索框中的“取消”按钮，我们只需要在输入关键词的时候显示，其他时候隐藏即可，这就需要用到jQuery的input隐藏样式。

在使用jQuery进行input隐藏样式的时候，需要先引入jQuery库，接着在代码中使用以下语法：

$(selector).hide();

其中，selector是需要进行隐藏的input元素的选择器，比如我们需要将id为“keyword”的input框进行隐藏，就可以使用以下代码：

$("#keyword").hide();

如果我们需要在input框后面添加一个“取消”按钮，并且只在有内容输入的时候显示，代码可以这样写：

$("#keyword").on("input", function() {
if ($(this).val() != "") {
$("#cancel-btn").show();
} else {
$("#cancel-btn").hide();
}
});

上面的代码中，我们使用了on方法来监听输入事件，如果input框有内容输入，就将id为“cancel-btn”的按钮进行显示，反之隐藏。

除了使用hide和show方法来实现input框的隐藏和显示，jQuery还提供了其他的一些方法，比如fadeIn和fadeOut可以实现一些动画效果，在使用的过程中可以根据实际情况进行选择。

总之，在进行网页设计的时候，使用jQuery input隐藏样式可以让我们更加灵活地掌控页面元素的显示和隐藏，提高用户体验。