新手上路 jquery 选择器篇(三) 代码笔记

最新推荐文章于 2017-12-26 22:41:54 发布

edtwar

最新推荐文章于 2017-12-26 22:41:54 发布

阅读量240

点赞数 1

分类专栏： jquery 笔记文章标签： jquery

本文链接：https://blog.csdn.net/edtwar/article/details/76098653

版权

笔记同时被 2 个专栏收录

30 篇文章 0 订阅

订阅专栏

jquery

4 篇文章 0 订阅

订阅专栏

<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="js/jquery-3.2.1.js"></script>

</head>
<body>
    <!--
        选择器                   名称                                 举例
        表单选择器           :input        查找所有的input元素：$(":input")
        注意：会匹配所有的input、textarea、select和button元素。
        文本框选择器        :text          查找所有文本框：$(":text")
        密码框选择器        :password 查找所有密码框：$(":password")
        单选按钮选择器     :radio       查找所有单选按钮：$(":radio")
        复选框选择器        :checkbox 查找所有复选框：$(":checkbox")
        提交按钮选择器     :submit     查找所有提交按钮：$(":submit")
        图像域选择器        :image      查找所有图像域：$(":image")
        重置按钮选择器    :reset         查找所有重置按钮：$(":reset")
        按钮选择器           :button      查找所有按钮：$(":button")
        文件域选择器        :file           查找所有文件域：$(":file")


    -->
    <form id="myform" method="post" name="myform">
        姓名:<input type="text" name="uname" id="uname" value="" />
        <br />
        密码:<input type="password" name="upwd" id="upwd" value="147258" />
        <br />
        职业:
            <input type="radio" name="ulive" id="" value="0" checked="checked"/>修仙
            <br />              
            <input type="radio" name="ulive" id="" value="1"/>修魔
            <br />
            爱好: 
            <input type="checkbox" name="fav" id="" value="足球" />足球
            <br />
            <input type="checkbox" name="fav" id="" value="running" />running
            <br />
            <input type="checkbox" name="fav" id="" value="蓝球" />蓝球
            <br />
            <input type="checkbox" name="fav" id="" value="各种撸" />各种撸
            <br />
            <input type="checkbox" name="fav" id="" value="book" />book
            <br />
        君归处:
                <select name="myselect" id="myselect">
                    <option value="0">浙江</option>
                    <option value="1">天津</option>
                    <option value="2">天南</option>
                </select><br />

        <input type="hidden" value="15" name="hid" disabled="disabled"/>

        <button>提交</button>

    </form>
</body>

<script type="text/javascript">
    //表单选择器 :input  --->会匹配所有的input、textarea、
    //select和button元素。
    var inputs = $(':input');
    inputs.each(function(){
        console.log(this);
    });

    console.log(">=--------------密码框选择器------------->")
    var pass = $(':password');
    pass.each(function(){
        console.log(this);
    });

    console.log(">=--------------文本框选择器------------->");
    //文本框选择器 :text
    var texts = $(':text');
    texts.each(function(){
        console.log(this);
    });

    console.log(">=--------------单选按钮选择器  ------------->");
    var radio1 = $(':radio');
    radio1.each(function(){

        console.log(this);
    });

    console.log(">=--------------复选框选择器 (其他的类似,不在追叙)------------->");
    var checkbox1 = $(':checkbox');
    checkbox1.each(function(){

        console.log(this);
    });



</script>

edtwar

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
新手上路 jquery 选择器篇(三) 代码笔记

<head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3.2.1.js"></script></head><body> <!-- 选择器名称
复制链接

扫一扫

专栏目录