jquery - jquery焦点功能不起作用

Question

我做了一个 jquery 函数，当我们专注于文本框时，它的背景颜色应该改变，但它不起作用看看我的代码

<script type="text/javascript" src="jquery/jQueryv1.9.1.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$('TextBox').focus(function(){

$(this).css('background-color', '#cccccc');

});

});

</script>

 <asp:TextBox ID="TextBox1" runat="server" CssClass="TextBox" meta:resourcekey="TextBox1Resource1"></asp:TextBox>

帮助将不胜感激

Answer 1

替换

$('TextBox').focus(function(){

和

$('#TextBox1').focus(function(){

使用 JqueryID选择器。

Answer 2

改变

$('TextBox').focus(function(){

到

$('.TextBox').focus(function(){ // class selector
$('#TextBox1').focus(function(){ // id selector

Answer 3

您的 jQuery 应该用于控件的类（如果该类是您计划使用的）：

正确的语法：$('.Textbox').focus(function()

Answer 4

请根据页面配置尝试

$('#TextBox1').focus(function(){ // id 选择器 });

如果您使用 MasterPage

$('#<%=TextBox1.ClientID%>').focus(function(){ // id 选择器 });

Answer 5

注意：这并不是对原始问题的真正答案，但是在阅读了您的评论后，这可以更好地解决您的情况！

根据您的情况，使用选择器使用纯 css 解决这个问题会更好:focus。

input:focus
{ 
    background-color:yellow;
}