使用 jQuery 修改 DOM 方法

一旦你使用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():
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲main-div").appe…p);

猜你喜欢

转载自blog.csdn.net/weixin_43838785/article/details/123868311