Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.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
jQuery更改id!_Jquery_Css - Fatal编程技术网

jQuery更改id!

jQuery更改id!,jquery,css,Jquery,Css,我是jquerynoobie,一直在尝试添加一个脚本来更改divonclick的id 这是一本书 谢谢:)如果要更改id为scrollwrap的div以突出显示id: $(document).ready(function() { $("#checkbox2").click(function() { $("#scrollwrap").attr('id','highlight'); }); }); 请记住,ID是唯一的,因此这应该只影响一个元素。如果要影响多个使用

我是jquerynoobie,一直在尝试添加一个脚本来更改divonclick的id

这是一本书


谢谢:)

如果要更改id为scrollwrap的div以突出显示id:

 $(document).ready(function() {
   $("#checkbox2").click(function() {
        $("#scrollwrap").attr('id','highlight');
    });
 });

请记住,ID是唯一的,因此这应该只影响一个元素。如果要影响多个使用类和函数。addClass()/.removeClass()

以下是更改ID的方式:

$(function accept(){ //makes sure your document is ready
  $('div#scrollwrap').attr('id', 'highlight')
})

(我假设scrollwram是您的ID)

属性属性的第一个参数应该是属性名,而不是当前值:

$(function accept() {
    $("div#scrollwrap").attr('id','highlight');
});​
然而,在阅读JSFIDLE代码时,您似乎有一个突出显示类,而不是ID。我认为您正试图实现这一点

请注意,我更改了以下内容:

  • 通过添加ID使.hightlight类更加具体,否则高亮显示样式将不会覆盖原始样式
  • 删除了内联onClick,因为您可以在脚本中执行此操作,这被认为是最佳实践(请参阅JS了解
    。单击()
    添加)
  • 更改了JS函数以切换该类,因为我假设如果用户取消选中复选框,该类将无效
更多资源(jQuery文档):


谢谢,效果不错,如何将其添加到onCLick函数中<代码>
$(function accept() {
    $("div#scrollwrap").attr('id','highlight');
});​