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(){

使用Jquery ID选择器。

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 selector}）;

如果您使用MasterPage

$（'＃＆lt;％= TextBox1.ClientID％＆gt;'）。focus（function（）{// id selector}）;

Answer 5

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

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

input:focus
{ 
    background-color:yellow;
}

jquery焦点功能不起作用

5 个答案: