为什么不;t Jquery有效，而js有效

why doesn't Jquery work, when js does?

本文关键字：有效 js Jquery 为什么不      更新时间：2024-04-23

我正在学习Jquery，我不明白为什么Jquery行都不执行，而javascript行执行。当我用浏览器打开它时，控制台显示"你好世界"answers"未定义"。如果我把这些行放在控制台中，它们就会按预期执行。这是我的代码：`

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <title> cim </title>
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"> $('div:nth(0)').attr("class","marked") </script>
    <script>
        $(document).ready(funk())
        function funk() {
        $("div").css("border", "3px solid red");
            console.log("hello world");
            $("div:nth(0)").attr("class","marked");
            console.log($("div:nth(0)").attr("oo"));
            $("div").append("LLLLLLLLLLLLLLLLLLLLL");
        }
    </script>

</head>
<body>
<div oo="ooo">
<p> blah </p>
<p> blah <br></p>
<p>blah</p>
</div>
<div>
    <p> asd</p>
    <p> asd</p>
    <p > asd</p>
</div>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
</body>
</html>enter code here`

的一些问题

  1. 您包含了两个版本的jQuery（不需要）
  2. 不能在一个script元素中运行代码并链接到外部文件。所以第一个里面的代码将被忽略
  3. 您立即执行func方法，但DOM尚未就绪，因此找不到所有元素
  4. 不存在CCD_ 3选择器。:nth-child或:eq

你需要的是

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
    $(document).ready(funk);
    function funk() {
        $("div").css("border", "3px solid red");
        console.log("hello world");
        $("div:nth(0)").attr("class","marked");
        console.log($("div:eq(0)").attr("oo"));
        $("div").append("LLLLLLLLLLLLLLLLLLLLL");
    }
</script>

将$(document).ready(funk())更改为此$(document).ready(function () {funk();});

相关文章：