js 어떻게 사용해야되나요?
본문
수동 매뉴 사용할려고합니다. html css 사용하는법을 알겠는데
js 소스는 어떻게 사용해야 되나요?
<body>
<div style="text-align:center;margin-top:25px;font-weight:bold;texxxt-decoration:none;">
<a href="https://www.linkedin.com/in/arjunamgain/" target="_blank">My Profile</a>
</div>
<div class="container">
<nav class="navecation">
<ul id="navi">
<li><a class="menu active"#">About </a></li>
<li><a class="menu" href="#">Contact </a></li>
<li><a class="menu" href="#">Services</a></li>
<li><a class="menu" href="#">Contact Us</a></li>
<li><a class="menu" href="http://www.mywebtricks.com/2014/03/add-active-class-to-navigation-menu.html">Read Our Blog</a></li>
</ul>
</nav>
</div>
<body>
<style>
body{
font-sze:14px;
}
.container{
max-width:960px;
margin:0 auto;
}
nav ul li{
list-style:none;
float:left;
padding-right:20px;
}
nav ul li a{
text-decoration:none;
color:#222;
background-color:#ccc;
padding:4px 5px;
}
.active{
background-color:#d90000;
color:#fff;
} </style>
아래 js 는 어떻게 사용해야되나요....?
$(document).ready(function(){
$('ul li a').click(function(){
$('li a').removeClass("active");
$(this).addClass("active");
});
});
답변 1
tail 파일의 <script> 태그 안에 넣어주시면 됩니다.
<script>
$(document).ready(function(){
$('ul li a').click(function(){
$('li a').removeClass("active");
$(this).addClass("active");
});
});
</script>
PS1.
ul li a 선택자는 너무 일반적이라서, 좀 더 구체적인 선택자 이용 권합니다.
PS2.
JQuery 구문에 관해서 공부해 보세요.
https://homzzang.com/b/jquery-4
답변을 작성하시기 전에 로그인 해주세요.