Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.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 更改样式onclick_Javascript_Jquery_Html_Class_Addclass - Fatal编程技术网

Javascript 更改样式onclick

Javascript 更改样式onclick,javascript,jquery,html,class,addclass,Javascript,Jquery,Html,Class,Addclass,我想使用class onclick更改标记的样式基本上我想更改类。 这是我的HTML代码: <div class="menutext"><a href="#" onclick="javascript:removeClass('menutext').addClass('menutext2');" class="scroll">Feedback</a></div> 我不知道怎么了,为什么不起作用! 如果javascript不可能,我还想使用JQUER

我想使用class onclick更改标记的样式基本上我想更改类。 这是我的HTML代码:

<div class="menutext"><a href="#" onclick="javascript:removeClass('menutext').addClass('menutext2');" class="scroll">Feedback</a></div>
我不知道怎么了,为什么不起作用!
如果javascript不可能,我还想使用JQUERY来编写这段代码。

调用click事件比内联javascript更好。。。可读且易于调试

试试这个

html

jquery

   $('.childDiv').click(function(){
     $(this).parent().find('.childDiv').css('background-color','#ffffff');
     $(this).css('background-color','#ff0000');
   });

调用click事件比内联javascript更好。。。可读且易于调试

试试这个

html

jquery

   $('.childDiv').click(function(){
     $(this).parent().find('.childDiv').css('background-color','#ffffff');
     $(this).css('background-color','#ff0000');
   });

您没有在onclick事件中编写jquery选择器

<div class="menutext">
    <a href="#" onclick="javascript:$(this).removeClass('menutext').addClass('menutext2');" class="scroll">Feedback</a>
</div>

您没有在onclick事件中编写jquery选择器

<div class="menutext">
    <a href="#" onclick="javascript:$(this).removeClass('menutext').addClass('menutext2');" class="scroll">Feedback</a>
</div>
作品:

<div class="menutext"><a href="#" onclick="$(this).parent().removeClass('menutext').addClass('menutext2');" class="scroll">Feedback</a></div>
作品:

<div class="menutext"><a href="#" onclick="$(this).parent().removeClass('menutext').addClass('menutext2');" class="scroll">Feedback</a></div>
使用jQuery尝试此操作,并删除链接中的onclick属性:

$('div.menutext > a').click(function(){
     $(this).parent().removeClass('menutext').addClass('menutext2');
});
使用jQuery尝试此操作,并删除链接中的onclick属性:

$('div.menutext > a').click(function(){
     $(this).parent().removeClass('menutext').addClass('menutext2');
});

据我对你问题的理解,这是你想要的。 jquery

   $('.childDiv').click(function(){
     $(this).parent().find('.childDiv').css('background-color','#ffffff');
     $(this).css('background-color','#ff0000');
   });
html


据我对你问题的理解,这是你想要的。 jquery

   $('.childDiv').click(function(){
     $(this).parent().find('.childDiv').css('background-color','#ffffff');
     $(this).css('background-color','#ff0000');
   });
html


和是jQuery方法。和是jQuery方法。如果您想在每次单击时继续更改样式,可以使用.toggleClass'menutext'。toggleClass'menutext2'。欢迎。。。很高兴这有帮助。。。不管怎么说,如果这个帖子对你有帮助的话,你应该一直接受它作为答案。。如果您想在每次单击时继续更改样式,可以使用.toggleClass'menutext'。toggleClass'menutext2'。欢迎。。。很高兴这有帮助。。。不管怎么说,如果这个帖子对你有帮助的话,你应该一直接受它作为答案。。快乐编码