前端之jquery常用方法

最新推荐文章于 2024-07-25 21:42:12 发布

qq_597221342

最新推荐文章于 2024-07-25 21:42:12 发布

阅读量275

点赞数

CC 4.0 BY-SA版权

分类专栏：前端之jquery

本文链接：https://blog.youkuaiyun.com/qq_36251118/article/details/70243462

前端之jquery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了jQuery库中的关键方法，如text(), html(), val(), attr()等用于操作DOM元素的文本、HTML内容、属性及表单字段值。同时涵盖了元素内容的插入与移除方法，如append(), prepend(), after(), before(), remove()等，并详细说明了类操作方法，包括addClass(), removeClass(), toggleClass()等。此外还介绍了如何使用css()方法操作样式属性，以及如何利用width(), height(), innerWidth(), innerHeight(), outerWidth(), outerHeight()等方法获取元素尺寸。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

attr() - 获取属性
attr()回调函数：
$("button").click(function(){
  $("#runoob").attr("href", function(i,origValue){
    return origValue + "/jquery"; 
  });
});

--*append是向匹配元素内部追加内容，after是向匹配元素之后追加内容*--

append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容

appendTo();
prependTo();
insertAfter();
insertBefore();

remove() - 删除被选元素（及其子元素）
empty() - 从被选元素中删除子元素

$("p").remove(".italic"); --过滤被删除的元素

addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性

$("p").css({"background-color":"yellow","font-size":"200%"}); --多个css属性

width() - 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。
height() - 方法设置或返回元素的高度（不包括内边距、边框或外边距）。
innerWidth() 方法返回元素的宽度（包括内边距）。
innerHeight() 方法返回元素的高度（包括内边距）。
outerWidth() 方法返回元素的宽度（包括内边距和边框）。
outerHeight() 方法返回元素的高度（包括内边距和边框）。
outerWidth(true) 方法返回元素的宽度（包括外边距，内边距和边框）。
outerHeight(ture) 方法返回元素的高度（包括外边距，内边距和边框）。