使用Jquery将css样式添加到所选输入字段
使用Jquery将css样式添加到所选输入字段
提问于 2012-01-18 01:16:44
如何使用jquery将页面加载时的css样式设置为某些输入框
$(document).ready(function() {
$("input, textarea").addClass("idle");
$("input, textarea").focus(function() {
$(this).addClass("activeField").removeClass("idle");
}).blur(function() {
$(this).removeClass("activeField").addClass("idle");
});
});HTML
<input type="text" name="author" id="author" >
<input type="text" name=email id=email >但是这会将样式添加到我想要避免的每个输入和文本区。
如何将所需样式应用于选择性输入/文本区域字段？
回答 3
Stack Overflow用户
发布于 2012-01-18 01:25:06
您需要通过id或class来标识输入。在您的示例中，只能通过执行以下操作将类应用于author文本框：
$("#author").addClass("idle");Stack Overflow用户
发布于 2012-01-18 01:21:05
为此，您需要为要应用函数的每个输入和文本区添加一些唯一的内容。例如，您可以使用class。所以，给每个文本区和输入你想要选择的相同的类名，比如class="switchCSS"。然后你可以像这样应用你的jquery：
$("input.switchCSS, textarea.switchCSS").addClass("idle");
//etc etcStack Overflow用户
发布于 2012-01-18 01:23:54
我建议只使用CSS来实现这一点，而不是创建两个不同的类，而应该创建一个类和一个伪类。
input, textarea{
...
}
input:focus, textarea:focus{
...
}我创建了一个快速示例来说明这一点：http://jsfiddle.net/Gp8Rr/1/
如果你只想让一个(或某些)输入元素拥有它，你应该在css中创建一个特定的类和一个伪类，然后在html中分配这些类。
CSS：
.styled{
...
}
.style:focus{
...
}HTML：
<input type="text" name="author" id="author" class="switch">
<input type="text" name="email" id="email">另一个简单的例子是：http://jsfiddle.net/Apd6V/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8898864
复制相关文章
相似问题
腾讯云开发者
