Fatal编程技术网
  • javascript/
  • Javascript 更改特定“的CSS”；id"；使用；这"；在jQuery中

Javascript 更改特定“的CSS”；id"；使用；这"；在jQuery中

javascript jquery html css

Javascript 更改特定“的CSS”；id"；使用；这"；在jQuery中,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的主要目标是让用户单击任何“nav”类项目，并根据单击的nav类显示特定的段落ID。如果需要的话，我可以在这篇文章中添加.css，但最主要的是每个段落ID都有“display”none 这是“导航”项目 主页 存储您没有为id选择器添加#： $('#' + changeCSS) 还考虑内置的jQuery效果 .HIDED（）/代码>和 .Suffor（ ./P> 在您的情况下，可能是这样的： $(".nav").click(function(){

我的主要目标是让用户单击任何“nav”类项目，并根据单击的nav类显示特定的段落ID。如果需要的话，我可以在这篇文章中添加.css，但最主要的是每个段落ID都有“display”none

这是“导航”项目

主页
存储
您没有为id选择器添加
#
：


$('#' + changeCSS)



还考虑内置的jQuery效果<代码> .HIDED（）/代码>和<代码> .Suffor（<）/代码> ./P>
在您的情况下，可能是这样的：


            $(".nav").click(function(){

                var changeCSS = $(this).attr('id') + "1";

                $(changeCSS).show();

            });


通过这种方式，您可以轻松控制div出现或消失的速度：


$(changeCSS).hide(1000); //takes a second




$（'.nav'）。单击（函数（事件）{
var标记=$（event.target）；
变量id='#'+tag.attr（'id'）+'1'；
$（id）.css（'显示'，'块'）
})；



家
商场

这是主页段落


这是商店段落
Uhum，所以投票人认为没有必要为ID选择器设置一个
#
？哦，哈哈。非常感谢，就这样！不是我投了反对票，谢谢！在您和其他人的旁注中，有没有关于如何隐藏所有未单击的段落文本的建议？您可以使用
.not（）
选择器来执行此操作。例如，单击一个元素会添加一个临时类，例如
'。单击“
”。然后你隐藏一切；然后使用类似于
.not（'clicked'）.show（）
，只显示div--请单击我的答案（如果有用，请单击）