正文

jQuery 捕获

Async
Async V管理员 /339阅读/0评论
1118

实例

<!DOCTYPE html>
<head>
<title>jQuery捕获</title>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
        $(document).ready(function(){
            // text()
            $("button#text").click(function(){
                alert($("p#text").text());
            })
            // html()
                $("button#html").click(function(){
                    alert($("p#html").html());
                })
            //val
                $("input#val").click(function(){
                    alert('你提交的值是：' + $("input#vals").val());
                })
            //attr
            $("input#attr").click(function(){
                alert('获取的src参数：' + $("img").attr("src"));
            })
        })
    </script>
</head>
<body>
<h1>text</h1>
<p id="text"><strong>text</strong>获取相对应元素的文本内容</p>
<button id="text">获取</button>
<hr>
<h1>html</h1>
<p id="html"><strong>html</strong>获取相对应元素的所有内容</p>
<button id="html">获取</button>
<hr>
<h1>val</h1>
<p>获取提交的value值</p>
<input type = "text" value = "" id="vals">
<input id="val" value = "提交" type="button">
<hr>
<h1>attr</h1>
<p>获取属性值</p>
<p><img src="img/php.png" width="200px"></p>
<input id="attr" type="button" value="提交">
</body>
</html>

运行结果

截屏2023-11-18 15.31.17.png

除非注明，否则均为后台设置版权信息原创文章，转载或复制请以超链接形式并注明出处。