                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

请教哪里出错了

请问我下面这段代码哪里出错了，为什么JS没有效果

<!doctype html>

<html>

<head>

<title>无标题文档</title>

<style>

.titl{ width:100%; height:130px; margin:0 auto; }

.titl ul{ width:214px; height:50px; float:left; }

.titl ul li.inlinep{ width:106px; height:50px; line-height:50px; text-align:center; border-right:1px solid #999; float:left; }

.titl ul li a{ font-family:"黑体"; font-size:14px; color:#222; display:block; }

.linepnone{ border-bottom:1px solid #999; }

</style>

$(function(){

$('.titl ul li').click(function(){

$(this).siblings('li').addClass('.linepnone');

$(this).removeClass('.linepnone');

})

</script>

</head>

<body>

<ul>

</ul>

</div>

</body>

</html>

qq_遺忘的激情_0

2016-11-02

源自：jQuery基础 (一)—样式篇 2-1

关注问题我要回答

881

操作

收起

4 回答

qq_情雨结缘_04097681 回答被采纳 +3 积分
2016-11-17

你把addClass('.linepnone')中的。去掉；同理下面removeClass也是一样

0 回复有任何疑惑可以回复我~

收起回答

qq_遺忘的激情_0 提问者

非常感谢！

2016-11-18 回复有任何疑惑可以回复我~

慕粉3998982
2016-11-02

你没加载JQuery库

0 回复有任何疑惑可以回复我~

收起回答

qq_遺忘的激情_0 提问者
2016-11-02

是要引入JS库文件吗

0 回复有任何疑惑可以回复我~

收起回答

慕粉4114772
2016-11-02

<script>
$(function(){
    $('.titl ul li').click(function(){
        $(this).siblings('li').addClass('.linepnone');
        $(this).removeClass('.linepnone');
    })
})
</script>

这段代码中的$('.titl ul li')要能使用的前提是什么？你的代码中作了引入吗？醒醒，回答我

0 回复有任何疑惑可以回复我~

收起回答