jQuery DOM操作之查找结点

最新推荐文章于 2024-05-12 06:39:14 发布

weixin_46370867

最新推荐文章于 2024-05-12 06:39:14 发布

阅读量217

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/weixin_46370867/article/details/109501649

版权

jQuery 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

下面是对jQuery DOM操作中查找结点的整理，希望可以帮助到有需要的小伙伴。

1、查找元素节点

使用jQuery中的选择器用法可以完成查找结点的操作，相对于DOM，jQuery更方便

2、查找属性节点

jQuery的选择器找到元素节点后，利用text()方法获取其文本节点的文本内容。

text()方法类似于DOM中的textContent属性

text()方法和attr()方法都可以获取和设置

查找结点实例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>查找结点</title>
    <script src="https://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
    <button id="btn" name="button">按钮</button>

    <script>
        // 定位页面元素
        var $btn = $("#btn");
        // 指定元素的文本内容 - 类似于DOM中的textContent属性
        console.log($($btn.text()));
        // 根据元素和元素的属性名得到的属性值 - 类似于DOM中的getAttribute
        console.log($btn.attr('name'));

        // 为指定元素添加文本内容
        $btn.text('新按钮');

        // 问指定元素添加属性
        $btn.attr('class','cls');

        /*
            jQuery查找页面元素 - 没有参考DOM中的Node对象，参考的是AElement对象
            * text()方法 - ；类似于DOM中的textContent属性
                * 获取 - text()
                * 设置 - text(新的文本内容)
            * attr()方法
                * 获取 - attr(name) - 类似于DOM中的getAttribute(name)
                * 设置 - attr(name,value) - 类似于DOM中的setAttribute(name,value)
        */
    </script>
</body>
</html>

在这里插入图片描述

weixin_46370867

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery DOM操作之查找结点

下面是对jQuery DOM操作中查找结点的整理，希望可以帮助到有需要的小伙伴。1、查找元素节点使用jQuery中的选择器用法可以完成查找结点的操作，相对于DOM，jQuery更方便2、查找属性节点jQuery的选择器找到元素节点后，利用text()方法获取其文本节点的文本内容。text()方法类似于DOM中的textContent属性text()方法和attr()方法都可以获取和设置查找结点实例：<!DOCTYPE html><html lang="en">&l
复制链接

扫一扫