Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.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/9/loops/2.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 为什么赢了';虽然我使用#idname选择了所有ID,但不是所有ID都被更改了吗?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 为什么赢了';虽然我使用#idname选择了所有ID,但不是所有ID都被更改了吗?

Javascript 为什么赢了';虽然我使用#idname选择了所有ID,但不是所有ID都被更改了吗?,javascript,jquery,html,Javascript,Jquery,Html,我对一般的编码是完全陌生的。我从HTML、CSS和JavaScript的基础知识开始 我有两段: 更改此选项 也要改变这一点 而第一个将通过以下方式自动更改: $('title1').html('Changed!'); 第二个没有。但这不应该吗?既然所有的#标题1都被更改了 对于onclick版本,我也有同样的问题。当点击第一段时,第二段不会改变 切换此问候-再见 要单击的对象 函数saybye(){ $(“#title3”).html(‘再见’); $(“#标题3”)。单击(函数()

我对一般的编码是完全陌生的。我从HTML、CSS和JavaScript的基础知识开始

我有两段:

更改此选项

也要改变这一点

而第一个将通过以下方式自动更改:


$('title1').html('Changed!');
第二个没有。但这不应该吗?既然所有的
#标题1
都被更改了

对于
onclick
版本,我也有同样的问题。当点击第一段时,第二段不会改变

切换此问候-再见

要单击的对象


函数saybye(){
$(“#title3”).html(‘再见’);
$(“#标题3”)。单击(函数(){
$(“#title3”).html(“再次您好!”);
$(“标题3”)。关闭(“单击”);
});
}

对于每个HTML标记,ID属性必须是唯一的。您可以使用
class
属性对多个标记进行操作。

当您通过id选择一个元素时,只会选择第一个元素,因为您只能在一个元素上使用一个id!每个id在一页上只能使用一次

如果您需要“通过”某个东西将一组元素组合在一起,请“通过类”进行操作

$(“.title1”).html(“已更改”)

更改此选项

也要改变这一点

  • id
    属性至少在同级子树中应该是唯一的
  • 改为使用
    class
    并收听
    。使用
    $(此)
    单击() 当前单击的元素
  • 如果要使用
    onclick
    attribute调用函数,请使用
    this
    onclick=“saybye(this);”
    一样将单击的元素传递给它

切换此问候-再见

点击的东西

函数(t){ $(t.html(‘再见’); $(t)。单击(函数(){ $(this.html(“再次你好!”); $(此).off(“单击”); }); }
id必须是唯一的。问题在于您的
id
属性。它们必须是唯一的-不能让多个元素共享它们。要做到这一点,请使用
,而不要使用过期的
on*
事件属性。使用不引人注目的点击处理程序,就像在第二个示例中一样,只需将它们放在
文档中即可。就绪
,而不是它们自己的功能。因此,我试图在一个地方跟踪我的进度。所以我很乐意接受任何建议!:)三个人投票表决了一个问题,问为什么重复ID不起作用?