Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery找不到使用id的元素_Javascript_Jquery_Html - Fatal编程技术网

Javascript jQuery找不到使用id的元素

Javascript jQuery找不到使用id的元素,javascript,jquery,html,Javascript,Jquery,Html,我有一个简单的HTML表单,出于某种原因,jQuery找不到我要查找的元素 HTML: 控制台日志中没有错误 从这里看:jquery似乎在使用带有句点和冒号的id时遇到了问题。因此,请尝试删除它们,看看是否有效。您的id名称与jquery选择器语法冲突 为元素定义id时,不要使用#。或者ID中的任何空格您的命名约定有问题。将名称中的替换为连字符 因此: 如果元素必须具有准确的id,请使用: $('#b\\.street')​ Sizzle(jQuery实现的javascript选择器库)将s.

我有一个简单的HTML表单,出于某种原因,jQuery找不到我要查找的元素

HTML:


控制台日志中没有错误

从这里看:jquery似乎在使用带有句点和冒号的id时遇到了问题。因此,请尝试删除它们,看看是否有效。

您的id名称与jquery选择器语法冲突


为元素定义id时,不要使用#。或者ID中的任何空格

您的命名约定有问题。将名称中的
替换为连字符

因此:


如果元素必须具有准确的id,请使用:

$('#b\\.street')​

Sizzle(jQuery实现的javascript选择器库)将
s.street
视为一个元素
s
b
,其类为
street
。与id为
s.street

的元素相反,id应该是唯一的,因此您不必使用输入标记进行筛选。此外,您需要在ID名称中的
之前添加转义序列<代码>$('s\\.street')是正确的选择器。实际上,我建议不要使用
..

$(“#b.street”)
说查找id为“b”的元素,它还必须有一个“street”类。阅读jQuery选择器上的文档。绝对。。如果可能的话,去掉“.”。。或者美国人称之为“句号”(29岁时,当我将句号称为句号时,仍然会咯咯地笑)。引用正确地表示ID与
有效,因此虽然不是一个好主意,但这不是实际问题。“正如其他回复中所指出的,jQuery与包含句号和冒号的ID有问题。”来自引用。
$(document).ready(
                function() {

                    $("input[id='s.street']").keyup(function() {
                    $('#b.street').val($(this).val());

                    });
});
<input type="text" size="50" value="" id="s.street">
<input type="text" size="50" value="" id="s-street">
$("#s-street");
$('#b\\.street')​