jquery常用函数使用

最新推荐文章于 2021-09-12 20:48:47 发布

syf_wfl

最新推荐文章于 2021-09-12 20:48:47 发布

阅读量87

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/wflsyf/article/details/112761957

版权

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style type="text/css">
            div{
                background-color: blue;
            }
        </style>
    </head>
    <body>
    <script type="text/javascript" src="jss/jquery-3.4.1.js">

    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#bt1").click(function () {
                let ovalue=$(":text");
                alert(ovalue.val());
            })
            $("#bt2").click(function () {
                //设置所有的value为新值
                $(":text").val("桃园三结义");
            })
            $("#bt3").click(function () {
                //获取div
                alert($("div").text());
            })
            $("#bt4").click(function () {
                //设置div
                $("div").text("我真的是一个div");
            })
            $("#bt5").click(function () {
                //获取src属性值
                alert($("img").attr("src"));
            })
            $("#bt6").click(function () {
                //设置src属性值
                $("img").attr("src","img/ex2.jpg");
            })
        })
    </script>
    <input type="text" id="t1" value="刘备"><br>
    <input type="text" id="t2" value="关羽"><br>
    <input type="text" id="t3" value="张飞"><br>
    <div>我是第一个div</div>
    <div>我是第二个div</div>
    <div>我是第三个div</div><br>
    <img src="img/ex1.jpg" id="img1"><br>
    <input type="button" value="获取第一个文本框的值" id="bt1">
    <button id="bt2">设置所有文本框为新内容</button>
    <input type="button" value="获取div的所有文本值" id="bt3">
    <input type="button" value="设置所有div的值" id="bt4">
    <button id="bt5">读取src属性的值</button>
    <button id="bt6">设置src属性的值</button>
    </body>
</html>