淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery 是一款使用 JavaScript 编写而成的库,jQuery 可以便捷地操作 HTML 元素,不仅如此,它还可以方便地添加样式。

jquery添加样式以及值

要使用 jQuery 添加样式,可以使用 CSS 方法。这个方法为匹配元素设置一个或多个 CSS 属性的值。具体代码如下:


$(选择器).css(属性名, 属性值);

例如,下面的代码会选中 id 为 example 的 HTML 元素并将它的背景颜色设置为红色:


$("#example").css("background-color", "red");

除了该方法,还有一个简便的方法 toggleClass(),可以添加或删除一个类。如果该类在元素中存在,则删除它。如果不存在,则添加它。具体代码如下所示:


$(选择器).toggleClass(类名);

例如,下面代码会选中 id 为 example 的 HTML 元素,并用红色给该元素添加或删除一个类:


$("#example").toggleClass("some-class");

除了添加样式,我们还可以使用 jQuery 增加或修改元素的属性。要改变元素的属性,可以使用 attr() 方法。该方法为元素设置属性和属性值。具体代码如下所示:


// 设置属性
$(选择器).attr(属性名, 属性值);

// 获取属性
$(选择器).attr(属性名);

例如,如果我们想要为一个链接增加一个 target 属性以在新的标签页中打开该链接。可以使用如下代码:


$("a.example").attr("target", "_blank");

以上就是添加样式和属性的两种方法。在实际开发中可以根据自身需求使用 jQuery 的方法,进行个性化定制开发。