jQuery中的DOM操作

最新推荐文章于 2022-05-04 01:42:04 发布

Hell丶Caesar

最新推荐文章于 2022-05-04 01:42:04 发布

阅读量262

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_41985556/article/details/80528302

jQuery对JavaScript中的DOM操作进行了封装

jQuery中的DOM操作

样式操作
内容及Value值操作
节点操作
节点属性操作
节点遍历

1.设置单个属性

css(name,value) ;

或

2.同时设置多个属性

css({name:value, name:value,name:value…}) ;

示例；$(this).css("border","5pxsolid #f5f5f5");

或

$(this).css({"border":"5px solid#f5f5f5","opacity":"0.5"});

3.获取属性值

css(name)

<style>
        .dd{ border: 1px solid red; width: 50px; height: 70px;}
    </style>
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(function(){
       //  $("div").css("border","1px solid red");
 //$("div").css({"border":"1px solid red","width":"50px","height":"70px"});
$("div").addClass("dd");
        });
function show(div1){
alert($(div1).css("border"));
}

    </script>
</head>
<body>

<div onclick="show(this);">
    来打我把
</div>