jQuery入门笔记-关于属性节点的方法

最新推荐文章于 2022-11-07 09:12:10 发布

ALonelyLemon

最新推荐文章于 2022-11-07 09:12:10 发布

阅读量187

点赞数 2

分类专栏： jQuery 文章标签： jQuery

本文链接：https://blog.csdn.net/lemon_yu/article/details/89407626

版权

文章目录

与属性节点有关的方法
与class有关的方法
文本相关方法
修改样式
获取样式
- 针对宽高的特别方法
- 偏移定位

与属性节点有关的方法

查找或修改属性
$("div").attr("class","box");可以传一个参数（返回获取属性节点的值）；也可以传两个参数（设置属性节点的值）
这个方法只会返回第一个符合条件的属性节点；但是设置参数却会作用全部节点
$("div").prop("class","box");作用与方法与attr基本一致

移除属性
$("div").removeAttr("class name");删除指定节点的属性，多个属性间使用空格隔开
$("div").removeProp("class name");作用与方法与attr基本一致

prop与attr的区别

prop不仅能操作属性还能操作属性节点

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.12.4.js"></script>
    <style>
    </style>
    <script>
        $(function(){
    
            console.log($("input").prop("checked"));
            console.log($(

最低0.47元/天解锁文章

ALonelyLemon

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery入门笔记-关于属性节点的方法

文章目录与属性节点有关的方法与class有关的方法文本相关方法与属性节点有关的方法查找或修改属性$("div").attr("class","box");可以传一个参数（返回获取属性节点的值）；也可以传两个参数（设置属性节点的值）这个方法只会返回第一个符合条件的属性节点；但是设置参数却会作用全部节点$("div").prop("class","box");作用与方法与attr基本一致移...
复制链接

扫一扫