<html>
<head>
<style>
#main{
width:600px
height:300px
font-size:13px
//父级的元素,设定好的字体大小,对子级元素都有影响
}
</style>
</head>
<body>
<div
id='main'>
<p>测试文字</p>
<a
href=''>我是测试文字</a>
</div>
</body>
</html>
<html><head>
<title>...</title>
</head>
<body>
<ul>
<li>332</li>
<li>233234</li>
</ul>
<p>...</p>
</body>
</html>
例如上面的html结构:
<html>元素就是<body>和<head>的父元素(上下级,包含关系)
而<body>又是<ul>和<p>的父元素
<ul>又是两个<li>的父元素。
两个<li>就是兄弟元素(平级)
<body>和<head>也是兄弟元素,依此类推。
相应的, ul 和p是body的子元素, 而 li 呢, 是body的后代元素(后代选择符)。
你在dreamweaver里,套用源格式后,代码自动缩进,你很容易就能看出来的。
用jquery 提示几个点你自己去做吧$(":checkbox")//你要的checkbox元素;
$(’.classname‘).attr("checked") =true//表示选中;
$(‘.classname’).parent()//获得元素的直接父亲;
$('.classname').parent('.tdname')//获得指定的父级元素;
$('.classname').closest('td')获得最近的td元素;
至于修改样式是用toggleClass还是.css就看你啦~
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)