在 HTML 中运行 jquery 脚本

running jquery script in HTML

本文关键字：jquery 脚本 运行 HTML      更新时间：2023-09-26

我正在学习css，jquery等。

我以为这段代码会删除"哈哈"字周围的边框，但事实并非如此。 

<head>
    <style>
        div.errorMessages {
            padding: 8px 8px 0 8px;
            font: bold 11px/14px Arial,sans-serif;
            color: #B22222;
            border: 2px solid; 
            border-radius: 25px;
        } 
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<div class=errorMessages>
    haha
</div>
<script>
    $(document).ready($function() {
        $(div class="errorMessages").removeAttr("border");
    });
</script>

脚本是否完全"刷新"浏览器页面？

对此有任何帮助吗？

这里有几个问题，首先选择器应该是一个字符串。它遵循与在CSS中选择相同的规则，因此您的规则应该是：

$('.errorMessages')

其次，removeAttr()用于删除元素上的属性，而您正在尝试修改 CSS，因此需要使用 css() 代替。要在 CSS 中删除border，请将其设置为 0 或 none 。

然后，您不需要 DOMReady 处理程序中匿名函数前面的$，并且您还缺少 body 元素。

把所有放在一起，试试这个

<head>
    <style>
        div.errorMessages {
            padding: 8px 8px 0 8px;
            font: bold 11px/14px Arial,sans-serif;
            color: #B22222;
            border: 2px solid; 
            border-radius: 25px;
        } 
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
    <div class="errorMessages">
        haha
    </div>
    <script>
        $(document).ready(function() {
            $('.errorMessages').css('border', '0');
        });
    </script>
</body>

我强烈建议您熟悉jQuery API，因为它很好地涵盖了基础知识。

直接使用$(".errorMessages").css("border","0");

请注意，您不是使用属性实现边框，而是 CSS 在执行此操作。

其他事情放在<div class="errorMessages">，只是为了避免错误。

相关文章：