jQuery & Xpath

最新推荐文章于 2024-06-02 09:53:08 发布

超会写BUG的小凌

最新推荐文章于 2024-06-02 09:53:08 发布

阅读量708

点赞数

分类专栏：学习笔记-Java-Web技术文章标签： jquery 正则表达式

本文链接：https://blog.csdn.net/m0_52376209/article/details/119461580

版权

学习笔记-Java-Web技术专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM对象和jQuery对象相互转换</title>
    <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            //使用dom对象调用dom方法
            $("#dom2dom").click(function () {
                let innerText = document.getElementById("testDiv").innerText;
                alert(innerText);
            });

            //使用jQuery对象调用jQuery方法
            $("#jQuer2jQuery").click(function () {
                let text=$("#testDiv").text();
                alert(text);
            });

            //使用DOM对象调用jQuery方法
            $("#dom2jQuery").click(function () {
                let textDivEle = document.getElementById("testDiv");
                alert($(textDivEle).text());

            });

            //使用jQuery对象调用DOM方法
            $("#jQuery2dom").click(function () {
                var divValue=$("#testDiv");
                //将jquery对象转换为dom对象
                alert(divValue[0].innerText);
            });
        });



    </script>
</head>
<body>
    <div id="testDiv">使用不同方式 alert此内容</div>

    <button id="dom2dom">使用DOM对象调用DOM方法</button>
    <button id="dom2jQuery">使用DOM对象调用jQuery方法</button>
    <button id="jQuer2jQuery">使用jQuery对象调用jQuery方法</button>
    <button id="jQuery2dom">使用jQuery对象调用DOM方法</button>

</body>
</html>

Xpath

详细用法，参看API文档

超会写BUG的小凌

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery & Xpath

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DOM对象和jQuery对象相互转换</title> <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script> <script ty...
复制链接

扫一扫