有效沟通问答-【官方】百战程序员_IT在线教育培训机构

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.7.1.min.js"></script>
</head>

<body>
    <input type="text" name="name">
    <span>手机号</span>

    <script>
        var colorreg = $("span");
        colorreg.css("color","red");
        var input = $("input");
        var phoneReg = /^1(3|4|5|6|7|8|9)[0-9]{9}$/;

        input.oninput = function () {
            if (phoneReg.test(input.value)) {
                colorreg.css("color","green");
            }
        }

    </script>
</body>

</html>

为什么实现不了？哪里错了

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础 1楼

这里要加一个防抖操作怎么写？

WEB前端全系列/第三阶段：jQuery编程模块/jQuery应用 2楼

不用classname，用classlist.add（）不就不覆盖原class了吗？

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础 3楼

$(window).scrollTop()是也页面的滑动高度是吧

$(window).height()我试着是页面可视窗口的高度

$(document).height()是整个页面的高度吧

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础 4楼

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="code.jquery.com_jquery-3.7.0.min.js"></script>
</head>

<body>
    <ul class="topnav">
        <li>Item 1</li>
        <li>
            <ul>
                <li>child item 1</li>
                <li>child item 2</li>
                <li>child item 3</li>
            </ul>
        </li>
        <li>Item 3</li>
    </ul>

    <script>
        var li = $(".topnav li");
        console.log(li);
        li.html("我是修改之后的内容");
    </script>
</body>

</html>

控制台显示有获取到所有内容，但是修改内容只能修改子代，不能修改孙代，不太理解这一点是因为什么

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础 5楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-3.6.3.min.js"></script>
`
</head>
<body>
   
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>

<script>

    $("ul").on("click","li",function(e){
        console.log(e.currentTarget)
    })
</script>
</body>
</html>

为什么输出的不是绑定事件的ul元素

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础 6楼

$(window).scrollTop()和$(document).scrollTop()有区别吗

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础 7楼

讲的有问题吧，$(window).height()是浏览器可视窗口高度，而$(window).scrollTop()很大程度上取决于你设置的html页面的css总高度

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础 8楼

刚刚去试了一下，发现页面特别长的时候，几乎没滚动多少就到底了，判断网页到底应该不止用这两个值吧

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础 9楼

3_淡入淡出轮播图（二）.zip

老师，我这里的小圆点的下标怎么获取呢

WEB前端全系列/第三阶段：jQuery编程模块/jQuery应用 10楼

老师，我这里的点击小圆点的下标字母获取呢

WEB前端全系列/第三阶段：jQuery编程模块/jQuery应用 11楼

老师，加入这里的菜单触发频率很高，那这里是加一个节流操作还是防抖操作啊

WEB前端全系列/第三阶段：jQuery编程模块/jQuery应用 12楼

<style>

div {

width: 400px;

height: 400px;

background-color: red;

}

</style>

</head>

<body>

var div = document.getElementsByTagName("div")[0];

function donghua(delay){

var val = 1;

var timer = setInterval(function () {

val -= 0.05;

if (val < 0) {

clearInterval(timer)

}

else {

div.style.opacity = val;

}

}, delay)

}

var result = donghua(60);

result();

</script>

老师帮我看看这段代码，为啥说result is not a function呢，为了把val变成局部变量我把代码放在donghua函数里了，可以执行，但是会报错

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础 13楼

JQuery.zip

为什么我点击小圆点的时候，照片切换不对呢？

WEB前端全系列/第三阶段：jQuery编程模块/jQuery应用 14楼

老师这个怎么解决啊

WEB前端全系列/第三阶段：jQuery编程模块/jQuery应用 15楼

同学您好