使用 jQuery 更改 css 样式(在容器内）

Changing css styles with jQuery (within a container)

本文关键字：jQuery 更改 css 样式 使用      更新时间：2023-09-26

这里是jsFiddle：http://jsfiddle.net/JFwDw/2/

我想做的是使用链接仅在分区 id'd "内容"内更改段落的字体大小和行高。我已经做了另一个部门，以确保它不会在其他任何地方发生变化......玩了一段时间后无法让它工作。

提前谢谢。

您想更改正在使用的选择器。您不希望对所有p标签执行操作，而只需要#content 

$("#content p, #content ul").css()

演示

您的链接也会链接到导致页面重新加载<a href=""...。我将其更改为href="#"这样就不会发生这种情况。您还可以防止默认事件在函数内发生。

function origText() {
    event.preventDefault()
    ...

附带说明一下，我不知道为什么这些功能在小提琴的 JS 部分不起作用......

http://jsfiddle.net/JFwDw/34/

这对我有用。

编辑：我认为这就是您要实现的目标！

首先，您的链接正在被激活并重新加载页面。

通常，当您编写jQuery时，您将使用选择器而不是使用内联代码来附加事件。这让你将JavaScript和HTML保存在单独的文件中，并允许jQuery在需要时删除事件。

<a href="#" id="bigText">big text</a>
$('#bigText').click( function(event) {
   // code here
} );

然后要阻止默认操作（以下链接），可以使用jQuery方法，阻止默认操作。

$('#bigText').click( function(event) {
   event.preventDefaultAction();
   // code here
} );
您还可以将事件

绑定代码包装在文档就绪事件中，以确保在尝试将事件附加到 DOM 之前加载它。

$(document).ready( function() {
   $('#bigText').click( function(event) {
      event.preventDefaultAction();
      // code here
   } );
} );

此外，您通常希望添加一个类来更改元素的样式，而不是使用 jQuery 来更改样式。它的性能更高。此外，如果你只想影响容器中的元素，你可以使用 jQuery "find" 方法来做到这一点。

$('#someContainer').find('p').addClass('someClass');
相关文章：