html中父级元素是什么?

html中父级元素是什么?,第1张

html中父级元素,首先需要理解,如果你什么都不去编写的话,父级元素就是就是这个窗口,或者说是body,但一般而言,在网页中body继承下来的属性不会常有,现在一般都是通过div+css的布局,所以现在一般都是那个总的div为父级元素,一般id都会命名为main,它下面的这些元素,如p,a都是属于它的子级元素,具体可以看下代码:

<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就看你啦~


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6244437.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存