jQuery中的DOM操作

最新推荐文章于 2024-07-05 14:21:58 发布

Hell丶Caesar

最新推荐文章于 2024-07-05 14:21:58 发布

阅读量219

点赞数

本文链接：https://blog.csdn.net/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 οnclick="show(this);">
    来打我把
</div>

Hell丶Caesar

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery中的DOM操作

jQuery对JavaScript中的DOM操作进行了封装jQuery中的DOM操作样式操作内容及Value值操作节点操作节点属性操作节点遍历1.设置单个属性css(name,value) ;或2.同时设置多个属性css({name:value, name:value,name:value…}) ;示例；$(this).css("border","5pxsolid #f5f5f5");或$(thi...
复制链接

扫一扫