寒假：jQuery

最新推荐文章于 2022-09-03 09:39:49 发布

Foog。青陵

最新推荐文章于 2022-09-03 09:39:49 发布

阅读量277

点赞数

分类专栏：寒假作业

本文链接：https://blog.csdn.net/qq_43071351/article/details/87032181

版权

这篇博客主要介绍了jQuery中针对DOM的操作，包括访问父节点、子节点、相邻节点的方法，如parentNode、firstChild、lastChild、nextSibling、previousSibling等。同时，文章也提及了获取和设置元素属性的功能，如getAttribute和setAttribute。对于JavaScript开发者，这篇文章提供了关于jQuery DOM操作的深入理解。

摘要由CSDN通过智能技术生成

DOM：document object model（文档对象模型）
parentnode：返回节点的父节点
first child：返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点
last child：返回节点的最后一个子节点
nextsibling：下一个节点
previousibing：上一个节点

firstElementChild：返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点
lastElementChild：返回节点的最后一个子节点
nextElementSibling：下一个节点
previousElementSibling：上一个节点

getAttribute(“属性名”)
setAttribute(“属性名”,“属性值”)

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>访问当当购物车页面节点</title>
    <link type="text/css" rel="stylesheet" href="css/cartStyle.css" />
</head>
<style>
    body,ul,li,div,p,h1,h2,ol {
        margin: 0;
        padding: 0;
    }
ul,li,ol{
    list-style: none;
}
.content{
    width: 810px;
    margin: 0 auto;
    font-family: "å¾®è½¯é›…é»‘";
}
.logo{
    margin: 10px 0;
}
.logo span{
    display: inline-block;
    float: right;
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background: #ff0000;
    color: #ffffff;
    text-align: center;
    border-radius: 10px;
    margin-top: 5px;
    margin-right: 10px;
    cursor: pointer;
    font-weight: bold;
}
.cartList{
    background: url("../images/shoppingBg.jpg") no-repeat;
    height: 414px;
    overflow: hidden;
}
.cartList ul{
    float: right;
    width: 450px;
}
.cartList ul:nth-of-type(1){
    margin-top: 125px;
}
.cartList ul:nth-of-type(2){
    margin-top:70px;
}
.cartList ul li{
    font-family: "å¾®è½¯é›…é»‘";
    font-size: 12px;
    color: #666666;
    text-align: center;
    line-height: 25px;
    float: left;
}
.cartList ul li input[name="price"]{
    border: none;
    background: transparent;
    width: 45px;
    text-align: center;
}
.cartList ul li input[name="amount"]{
    width: 45px;
    text-align: center;
    border: 1px solid #999999;
    border-left: none;
    border-right: none;
    height: 21px;
}
.cartList ul li input[name="minus"],.cartList ul li input[name="plus"]{
    height: 25px;
    border: 1px #999999 solid;
    width: 25px;
    text-align:

最低0.47元/天解锁文章

Foog。青陵

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
寒假：jQuery

DOM：document object model（文档对象模型）parentnode：返回节点的父节点first child：返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点last child：返回节点的最后一个子节点nextsibling：下一个节点previousibing：上一个节点firstElementChild：返回节点的第一个子节点，最普遍的用法是访问该元素...
复制链接

扫一扫