switch什么意思啊,怎么用啊,querySelector什么意思啊,我完全没有思路

来源:4-3 编程练习

Ting111

2019-10-15 11:12:46

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p>
        请选择菜单:
        <select id="menu">
            <option>请选择</option>
            <option value="fruit" >水果</option>
            <option value="cake" >蛋糕</option>
            <option value="nuts" >坚果</option>
        </select>
    </p>
    <p>该系列有:<span></span></p>
    <script>
    var menu=document.querySelector('#menu'),
        opt=menu.querySlectorAll('option');
        function show(){
        switch(this.value){
            case 
        }
        }
        
        }
    </script>
</body>
</html>


写回答

2回答

好帮手慕码

2019-10-15

同学你好!

1.switch 语句用于基于不同条件执行不同动作。

语法:

switch(表达式) {     
case n:        
    代码块        
    break;     
case n:        
    代码块        
    break;     
default:        
    默认代码块
}

代码解释:

计算一次 switch 表达式

把表达式的值与每个 case 的值进行对比

如果存在匹配,则执行关联代码

同学可以再回复下这节视频,有讲到:https://class.imooc.com/lesson/769#mid=19241

2.querySelector:querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。

例如:

http://img.mukewang.com/climg/5da53b1509286a9104490097.jpg

http://img.mukewang.com/climg/5da53b280966595e03340069.jpg

3.本练习主要使用到了onchange这个方法,结合switch实现。没有思路路的话可以参考下其他同学的例:

https://class.imooc.com/course/qadetail/149825

如果帮助到了你,欢迎采纳,祝学习愉快~

0
hing111
h 所以onchange就是鼠标移开后触发的事件?
h019-10-17
共1条回复

好帮手慕码

2019-10-17

同学你好!

不是的,onchange是内容发生改变的时候触发的事件,在https://class.imooc.com/lesson/776#mid=19523

http://img.mukewang.com/climg/5da8243e093dfe9908320599.jpg

这节课中有讲到,建议同学再回顾一下。

如果帮到了你,欢迎采纳,祝学习愉快~

1

0 学习 · 14456 问题

查看课程