使用 jQuery 修改 DOM 方法

一旦你使用jQuery函数找到元素集合后,你就可以使用各种方法更改它们。 用该命令设置内部文本 …

一旦你使用jQuery函数找到元素集合后,你就可以使用各种方法更改它们。
用该命令设置内部文本 text():
$(“h1”).text(“All about cats”);
用该命令设置内部文本 html():
$(“h1”).html(“I love cats”);
用该命令设置属性 attr():
$(".dog-pic").attr(“src”, “dog.jpg”);
$(".google-link").attr(“href”, “http://www.google.com”);
用该命令修改 CSS 样式 css():
$(“h1”).css(“font-family”, “monospace”);
$(“h1”).css({“font-family”: “monospace”, “color”: “red”});
用该命令添加类别 addClass():
$(“h1”).addClass(“warning”);
你还可以通过将 HTML 字符串传递到 jQuery 函数中创建新元素:
var $p = $("

");
如果需要,你可以传入完整的 HTML,包括标记内容,属性及样式。
var $p = $(‘

I love people who love cats.

’);

一旦创建了一个元素,你就可以用以上任何方法对其进行修改:

$p.addClass(“warning”);

然后你可以使用该命令来把它附加到某个已存在的元素上 append():

p);

本文来自网络,不代表软粉网立场,转载请注明出处:https://www.rfff.net/p/2177.html

作者: HUI

发表评论

您的电子邮箱地址不会被公开。

返回顶部