DIV的id和class

在html代码中，以 class="xxx" 指明div的css类；用 id="xxx" 定义一个div的id；

在css样式定义中，以 .abc 定义一个css类abc，一个类可以用到html多个元素；以 #abc 定义id为abc的元素的样式；

效果如下；

码；第一个div的css类为"exp"，第二个div的id为"exp"，第三个和第四个div应用了css类"abc"；

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>div id and class </title>
<style>.exp{ width:200px; color:#F00; height:100px; border:3px solid #F00}
#exp{ width:300px; height:80px; color:#00F; border:3px solid #00F}
.abc{ width:150px; color:#0F0; height:60px; border:3px solid #0F0; background-color:#000} </style>
</head><body><div class="exp"> div1, exp 类
</div> <p></p>
<div id="exp"> div2, id 为exp
</div> <p></p>
<div class="abc">div3 abc类</div> <p></p>
<div class="abc">div3 abc类</div> </body>
</html>

DIV的id和class相关推荐

用JQuery或JS改变div的id的五种方法
div的id是可以改变的,通常使用的方法是通过JQuery或Javascript来实现.本文介绍用JQuery或JS改变div的id的五种方法. 方法一:使用Tag选择器 JQuery代码如下: &l ...
【原创】jQuery获取div的id值
html代码像这样的 <div id=""><div id="" class=""></div>< ...
JQuery修改div的id
修改ID增加ID属性,修改class同理 $('.div').attr('id','newid');如果是给标签添加class样式可以这样 $('#div').addClass('css类名');在b ...
div 按 id 刷新需要jquery
代码一: <div id="mainContent"><iframe id="contentContainer" name="mai ...
得到按钮所在DIV的ID
<html><head><title>这是一段测试代码,直接保存为html文件运行</title><mce:script type="t ...
html之div中id和class的区别
1.id和class使用上的区别 id是设置标签的标识.id属性用于定义一个元素的独特的样式. 如样式表可以加入#content2 { font-size: larger } 使用方法为:id=&qu ...
jQuery获取div的id值
js代码: //通过类属性获取 var id = $("#userName-div").attr('id');
Jquery隐藏div 根据id
function HideWeekMonth() {$("#tt1").hide();$("#tt2").hide(); }
【jQuery】使用id选择器，找出外层div中嵌套的内层div
场景:为了实现一个 toggle 效果,即第一次点击一个"添加"按钮之后,会在一个(外层)div的末尾append一个新的(内层)div,第二次点击这个按钮之后,希望这个新增的(内 ...

DIV的id和class

DIV的id和class相关推荐

最新文章

热门文章