jquery写法

最新推荐文章于 2023-03-10 16:13:26 发布

海涛高软

最新推荐文章于 2023-03-10 16:13:26 发布

阅读量162

点赞数

分类专栏： javascript 文章标签： jquery html javascript

本文链接：https://blog.csdn.net/qq_15267341/article/details/120816985

版权

javascript 专栏收录该内容

79 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>

<body>
    <div class="xuhaitao">123</div>
    <span>dddd</span>
    <p>xuguozhu</p>

    <div>111</div>
    <div class="xuhaitao"><span>456</span></div>
    <span>dddd</span>
    <form>
        <input type="text" /><br/>
        <input type="text" name="xu2" /><br/>
        <input type="text" name="xu3eeee" /><br/>
        <select>
            <option>xu1</option>
            <option>x2u</option>
            <option>xu3</option>
        </select>
        <br/> 用户名 <input type="text" name="usernamme" placeholder="xbn" /><br/>
        <br/> 密码 <input type="password" name="pwd" /><br/>
        <input type="text" name="xxxuy" style="display: none " /><br/>
        <input type="checkbox" name="gua" value="huanggua01" style="background: red; " checked/>皇瓜1<br/>
        <input type="checkbox" name="gua" value="huanggua02" checked/>皇瓜2<br/>
        <input type="checkbox" name="gua" value="huanggua03" />皇瓜3<br/>
        <div>
            <input type="radio" name="rad" value="radio01 " checked/>radio01<br/>
            <input type="radio" name="rad" value="radio02 " />radio02<br/>
        </div>

        <div>
            <input type="radio" name="rad22" value="radio01" checked/>radio03<br/>
            <input type="radio" name="rad22" value="radio02" />radio04<br/>
        </div>

        <p id="xx">sss</p>

        <button>海洋海洋</button>
    </form>
    <script>
        var yonghuming = $(":input:hidden")[0].name;
        console.log(yonghuming); //xxxuy

        var pwdd = $(":password")[0].name;
        console.log(pwdd); //pwd


        var usrname = $(":text[name=usernamme]")[0].name;
        console.log(usrname); //usernamme


        $(":input").css("background", "red ");

        var gua = [];
        $(":checkbox:checked").each(function() {
            gua.push(this.value);
        })
        console.log("_____________" + gua.length);
        gua.forEach(function(val, index) {
            alert(val)
        })
        var radd = $(":radio[name=rad22]:checked").length;
        console.log(radd);
    </script>
</body>

</html>

海涛高软

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery写法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
复制链接

扫一扫