jQuery-将CSS应用于第一段

我是一名刚开始学习jQuery的学生，问题是：

添加jQuery事件侦听器，以便在鼠标光标位于第一段上方时，将其设置为棕色、粗体和下划线

我正在尝试这个：

$(document).ready(function() {
    $("p").first().hover(
        function() {
            (this).css('color','brown');
            (this).css('font-weight','bold');
            (this).css('text-decoration','underline');
        },
        function() {
            (this).css('color','black');
            (this).css('font-weight','normal');
            (this).css('text-decoration','none');
        }
    );
});

但它不起作用。所有的p标签都被包装在不同的div标签中，这有区别吗？我认为“第一段”是指页面上的第一段。

也可以尝试

$（'body p:first'）。悬停（function（）{…}）

还可以尝试

$（'body p:first'）。悬停（function（）{….}）

---

您的代码缺少

$

包装器

csscss是jquery对象的一种方法。但在这里，您试图通过说

（this.css

来在DOM元素上调用它

.first（）

的缩写是

：first

。您也可以将其称为

$（“p:first”）。悬停（

只是为了扩展和演示您关于如何仅选择该特定div的第一段的问题。您可以使用选择器链接/筛选以确保仅影响预期的段落。请参阅和下面的代码，其中样式仅针对类别为A的div的段落

$(document).ready(function () {

    $("div.A p:first").hover(

    function() {
            var elem = $(this);
            elem .css('color','brown');
            elem .css('font-weight','bold');
            elem .css('text-decoration','underline');
        },
        function() {
           var elem = $(this);
            elem .css('color','black');
            elem.css('font-weight','normal');
            elem.css('text-decoration','none');
        }
});

---

您的代码缺少

$

包装器

css是jquery对象的一种方法。但是在DOM元素上，您试图通过说

（this）.css

来调用它

.first（）

的缩写是

:first

。您也可以将其称为

$（“p:first”）。悬停（

只是为了扩展和演示您关于如何仅选择该特定div的第一段的问题。您可以使用选择器链接/筛选以确保仅影响预期的段落。请参阅和下面的代码，其中样式仅针对类别为A的div的段落

$(document).ready(function () {

    $("div.A p:first").hover(

    function() {
            var elem = $(this);
            elem .css('color','brown');
            elem .css('font-weight','bold');
            elem .css('text-decoration','underline');
        },
        function() {
           var elem = $(this);
            elem .css('color','black');
            elem.css('font-weight','normal');
            elem.css('text-decoration','none');
        }
});

尝试将所有（此）扭曲为$（此）

i、 e:

虽然我不认为这是问题所在

尝试将所有（此）都扭曲为$（此）

i、 e:

---

虽然我不认为这是问题所在

对我来说似乎很好有一种类型，您缺少了

$

登录

（此）

对我来说似乎很好有一种类型，您缺少

$

登录

（此）

当我将鼠标悬停在第一个段落上时，它什么也没做。这个段落被包装在一个带有类“special”的div中，但同一个类的另一个div也有段落，所以如果它显示“first段落”，我不确定该怎么办当我将鼠标悬停在第一段上时，它什么也没做。这段被包装在一个div中，其中有一个类“special”，但还有一个div与同一个类中也有段落，所以如果它说“first paration”，我不确定该怎么办仍然不起作用。这可能与它被一个类包装在一个div标记中这一事实有关，但是有另一个div组与同一个类也有段落，所以我不知道如何只选择那个段落。哇，它在jsfiddle站点上起作用，但出于某种原因，不是我的浏览器。它是一个PHP文件，但已经在上了服务器和所有东西，所以这不应该是问题…奇怪。我想我会尝试另一个浏览器。谢谢大家的帮助。而且，我刚刚意识到这是因为在我链接自己的JavaScript文件之前，我从未将jQuery库链接到我的PHP文件，它们的顺序是错误的。这是在你们指出我的拼写错误之后唯一的问题。p.s。在代码中使用

$（this）

而不是使用

var$this=$（this）；

然后引用为

$this

，或者因为可以简化，所以可以将所有内容合并为

$（this）。css（{“颜色”：“棕色”，“字体重量”：“粗体”，“文本装饰”：“下划线”）

仍然不起作用。这可能与它被包装在一个带有类的div标记中有关，但还有另一个具有相同类的div组也有段落，所以我不知道如何只选择该段落。哇，它在jsfiddle站点上起作用，但出于某种原因不是我的浏览器。它是一个PHP文件，但它已经存在在服务器和所有东西上，所以这不应该是问题…奇怪。我想我会尝试另一个浏览器。谢谢大家的帮助。而且，我刚刚意识到这是因为在我链接自己的JavaScript文件之前，我从未将jQuery库链接到我的PHP文件，它们的顺序是错误的。这是在你们指出我的错误之后唯一的问题ypos.p.s.在代码中使用

var$this=$（this）；

而不是使用

var$this=$（this）；

然后引用为

$this

，或者因为可以简化您所拥有的内容，所以可以将所有类似于

$（this）的内容组合在一起
$(document).ready(function () {

    $("div.A p:first").hover(

    function() {
            var elem = $(this);
            elem .css('color','brown');
            elem .css('font-weight','bold');
            elem .css('text-decoration','underline');
        },
        function() {
           var elem = $(this);
            elem .css('color','black');
            elem.css('font-weight','normal');
            elem.css('text-decoration','none');
        }
});

$(document).ready(function() {
    $("p").first().hover(
        function() {
            $(this).css('color','brown');
            $(this).css('font-weight','bold');
            $(this).css('text-decoration','underline');
        },
        function() {
            $(this).css('color','black');
            $(this).css('font-weight','normal');
            $(this).css('text-decoration','none');
        }
    );
});