精华内容
下载资源
问答
  • js正则-验证常用的表单对象

    千次阅读 2008-01-16 10:38:00
    一.相关代码 function test() { var temp = document.getElementById("text1"); //对电子邮件验证 var myreg = /^([a-zA-Z0-9]+[_|/_|/.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|/_|/.]?)*[a-z



    一.相关的代码
     function test()
            {
               var temp = document.getElementById("text1");
               //对电子邮件的验证
               var myreg = /^([a-zA-Z0-9]+[_|/_|/.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|/_|/.]?)*[a-zA-Z0-9]+/.[a-zA-Z]{2,3}$/;
              if(!myreg.test(temp.value))
               {
                    alert('提示/n/n请输入有效的E_mail!');
                   myreg.focus();
                    return false;
              }
            }
           //由于方法相同,一下只写出相关的正则表达式
            //对于手机号码的验证(提供了两种方法)
            var mobile=/^((13[0-9]{1})|159|153)+/d{8}$/;
            var mobile1=/^(13+/d{9})|(159+/d{8})|(153+/d{8})$/;
            //对于区号的验证
            var phoneAreaNum = /^/d{3,4}$/;
            //对于电话号码的验证
           var phone =/^/d{7,8}$/;
    二.解释相关的意义
         1.  /^$/ 这个是个通用的格式。
             ^ 匹配输入字符串的开始位置;$匹配输入字符串的结束位置
         2. 里面输入需要实现的功能。
            * 匹配前面的子表达式零次或多次;
           + 匹配前面的子表达式一次或多次;
           ?匹配前面的子表达式零次或一次;
           /d  匹配一个数字字符,等价于[0-9]
    展开全文
  • 1 【jquery】常用的jquery获取表单对象的属性与值 2 3 4 1、JQuery的概念 5 6 7 8 9 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用一些简单的代码实现一些...
      1 【jquery】常用的jquery获取表单对象的属性与值 
      2 
      3 
      4 1、JQuery的概念
      5 
      6 
      7 
      8 
      9 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用一些简单的代码实现一些复杂的JS效果。
     10 
     11 
     12 2、JQuery实现了 代码的分离
     13 
     14 不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和自己编写的JQuery代码就可以了;
     15 如:
     16 $(function(){
     17    $("Element").click{function(){
     18           alert("点击我哦!");
     19      }
     20    }
     21 });
     22 上面的代码中 只要定义了Element 这个元素  后面的click是动作 
     23 
     24 alert("点击我哦!");这个是要执行的代码,当然你可以有很多的操作在这个函数中;
     25 这里面的$这个号代表JQuery的意思 ,就是引用类库。
     26 
     27 3、JQuery的核心的一些方法
     28 each(callback) '就像循环
     29 $("Element").length; ‘元素的个数,是个属性
     30 $("Element").size(); ’也是元素的个数,不过带括号是个方法
     31 $("Element").get(); ‘某个元素在页面中的集合,以数组的形式存储
     32 $("Element").get(index); ’功能和上面的相同,index表示第几个元素,数组的下标
     33 $("Element").get().reverse(); ‘把得到的数组方向
     34 ("Element1").index(("Element1").index(("Element2")); ’元素2在元素1中的索引值是。。。
     35 
     36 
     37 4、基本对象获取(注意这里获取的都是Jquery对象而不是Dom对象哦,但是他俩是可以转换滴)
     38 $("*")  ‘表示获取所有对象   但是我至今没这样用过
     39 $("#XXX") ’获得 id=XXX 的元素对象(id可以是标签的id或CSS样式id) 常用
     40 
     41 
     42 $("input[name='username']")   获得input标签中name='userName'的元素对象 常用
     43 
     44 
     45 $(".abc") ' 获得样式class的名字是.abc的元素对象  常用
     46 $("div") ' 标签选择器 选择所有的div元素  常用
     47 $("#a,.b,span") '表示获得ID是a的元素和使用了类样式b的元素以及所有的span元素
     48 $("#a .b p") 'ID号是a的并且使用了 b样式的 所有的p元素
     49 
     50 示例:
     51 
     52 <html>
     53     <head>
     54         <title>jquery测试</title>
     55         <meta http-equiv="content-type" content="text/html; charset=UTF-8">
     56         <script type="text/javascript" src="../js/jquery-1.4.1.js"></script>
     57         <style type="text/css">
     58         .checkCss{
     59             color:blue;
     60         }
     61         .redioCss{
     62             color:red;
     63         }
     64         </style>
     65         <script type="text/javascript">
     66             $(function(){
     67                 // $("#XXX") 获得id=XXX的所有Jquery对象
     68                 $("#subt").click(function(){
     69                     // $("XXX") 获得XXX标签名的所有Jquery对象
     70                     alert("input 标签的对象个数为:"+$("input").length);
     71                     // $("XXX[name='YYY']") 获得XXX标签名下name='YYY'的所有Jquery对象
     72                     // val()获得属性值
     73                     alert("name='userName'的输入框内容为:"+$("input[name='userName']").val());
     74                     // 注意获得value值的第二种方式
     75                     alert("name='note'的输入框内容为:"+$("input[name='note']").attr("value"));
     76                     alert("下拉菜单被选中项的文本为:"+$("#sex option:selected").text());
     77                     alert("下拉菜单被选中项的值为:"+$("#sex").val());
     78                     alert("复选框选中的个数为:"+$("input[name='check']:checked").length);
     79                     if($("input[name='check']:checked").length>0){
     80                         var allCheckValue="";
     81                         var allCheckText="";
     82                         $("input[name='check']:checked").each(function(){
     83                             allCheckValue+=$(this).val()+" ";
     84                             allCheckText+=$(this).parent(".checkCss").text()+" ";
     85                         });
     86                         alert("复选框选中的文本为:"+allCheckText+" 值为:"+allCheckValue);
     87                     }
     88                     if($("input[name='status']:checked").length>0){
     89                         alert("单选框选中的文本为:"+("input[name=′status′]:checked").parent(".redioCss").text()+"值为:"+("input[name=′status′]:checked").parent(".redioCss").text()+"值为:"+("input[name='status']:checked").val());
     90                     }
     91                 });
     92             });
     93             </script>
     94     </head>
     95 
     96     <body>
     97         姓名:<input type="text" name="userName" width="250"><br>
     98         性别:<select id="sex" name="userSex" style="width: 155">
     99                 <option value="1">男</option>
    100                 <option value="2">女</option>
    101                 <option value="3">不男不女</option>
    102              </select><br>
    103         爱好:<span class="checkCss"><input type="checkbox" name="check" value="1">旅游</span>
    104              <span class="checkCss"><input type="checkbox" name="check" value="2">音乐</span><br>
    105              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    106              <span class="checkCss"><input type="checkbox" name="check" value="3">体育</span>
    107              <span class="checkCss"><input type="checkbox" name="check" value="4">文学</span><br>
    108         状态:<span class="redioCss"><input type="radio" name="status" value="1">在职</span>
    109              <span class="redioCss"><input type="radio" name="status" value="2">离职</span><br>
    110         简介:<input type="text" name="note" width="250"><br>
    111         <input type="button" value="提交" id="subt"><br>
    112     </body>
    113 </html>
    114 
    115 5、层级元素获取
    116 $("Element1 Element2 Element3 ....")  '前面父级 后面是子集
    117 $("div > p") '获取div下面的所有的 p元素
    118 $("div + p") 'div元素后面的第一个 p元素
    119 $("div ~ p") 'div后面的所有的 p元素
    120 
    121 
    122 6、简单对象获取
    123 $("Element:first") 'HTML页面中某类元素的第一个元素
    124 $("Element:last") 'HTML页面中某类元素的最后一个元素
    125 ("Element:not(selector)")′去除所有与给定选择器匹配的元素,如:("Element:not(selector)")′去除所有与给定选择器匹配的元素,如:("input:not(:checked)") 表示选择所有没有选中的复选框
    126 $("Element:even") '获得偶数行
    127 $("Element:odd“)'获得奇数行
    128 $("Element:eq(index)")  '取得一个给定的索引值
    129 $("Element:gt(index)")  '取得给定索引值的元素  之后的所有元素
    130 $("Element:lt(index)")  '取得给定索引值的元素  之前的所有元素
    131 
    132 7、内容对象的获取和对象可见性
    133 
    134 $("Element:contains(text)") '元素中是否包含text文本内容
    135 $('Element:empty") '获得元素不包含子元素或文本的
    136 $("Element:partnt") '获得元素包含子元素或文本的
    137 ("Element:has(selector)")‘是否包含某个元素,如:("Element:has(selector)")‘是否包含某个元素,如:("p:has(span)")表示所有包含span元素的p元素
    138 $("Element:hidden") '选择所有可见元素
    139 $("Element:visible") '选择所有不可见元素
    140 
    141 
    142 8、其他对象获取方法
    143 $("Element[id]") '所有带有ID属性的元素
    144 $("Element[attribute = youlika ]" '获得所有某个属性为youlika的元素
    145 $("Element[attribute != youlika ]" '获得所有某个属性为不是youlika的元素
    146 $("Element[attribute ^= youlika ]" '获得所有某个属性为不是youlika的开头的元素
    147 ("Element[attribute("Element[attribute= youlika ]" '获得所有某个属性为不是youlika的结尾的元素
    148 $("Element[attribute *= youlika ]" '获得所有某个属性包含youlika的开头的元素
    149 ("Element[selector1][selector2][....]")′符合属性选择器,比如("Element[selector1][selector2][....]")′符合属性选择器,比如("input[id][name][value=youlika ]")表示获得带有ID、Name以及value是youlika 的input元素。
    150 
    151 
    152 9、子元素的获取
    153 $("Element:nth-child(index)") '选择父级下面的第n个元素
    154 $("Element:nth-child(even)") '选择父级下面的偶数
    155 $("Element:nth-child(odd)") '选择父级下面的奇数
    156 $("Element:nth-child(3n+1)") '表达式
    157 $("Element:first-child") '选择父级下面的第一个子元素
    158 $("Element:last-child") '选择父级下面的最后一个子元素
    159 $("Element:only-child") '匹配父级下的唯一的一个子级元素,例如dt在dl列表中唯一,那么将选择dt
    160 
    161 
    162 10、表单对象获取
    163 $(:input)//查找所有的Input元素,当然也包括下拉列表,文本域,单选框,复选框等。
    164 $(:text)//匹配所有的单行文本框
    165 $(:password)//匹配所有的密码框
    166 $(:radio)//匹配所有的单选按钮
    167 $(:checkbox)//匹配所有的复选框
    168 $(:submit)//匹配所有的提交按钮
    169 $(:image)//匹配所有的图像域,例如<input type="image" />
    170 $(:reset)//匹配所有的重置按钮
    171 $(:button)//匹配所有的按钮
    172 $(:file)//匹配所有的文件上传域
    173 $(:hidden)//匹配所有的不可见元素或者type为hidden的元素
    174 $(:enabled)//匹配所有可用的input元素,比如radio:enabled表示匹配所有可用的单选按钮
    175 $(:disabled)//匹配所有的不可用input元素,作用与上相反
    176 $(:checked)//匹配所有选中的复选框元素
    177 $(:selected)//匹配所有的下拉列表
    178 
    179 
    180 11、元素属性的设置与移除
    181 ("Element").attr(name)′取得第一个匹配的属性值,比如("Element").attr(name)′取得第一个匹配的属性值,比如("img").attr("src")
    182 $("Element".attr(key,value)") '某一个元素设置属性
    183 $("Element".attr({key:value,key1:value,....})) ‘为某个元素一次性设置多个属性
    184 $("Element").attr(key,function) '为所有匹配的元素设置一个计算的属性值。
    185 $("Element").removeAttr(name)//移除某一个属性

     

    转载于:https://www.cnblogs.com/musings/p/5619628.html

    展开全文
  • 【jquery】常用的jquery获取表单对象的属性与值 1、JQuery的概念 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用一些简单的代码实现一些复杂的JS效果。 2、JQuery实现了 ...

    http://www.cnblogs.com/thingk/archive/2013/03/01/2938957.html

    1、JQuery的概念

    JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用一些简单的代码实现一些复杂的JS效果。


    2、JQuery实现了 代码的分离

    不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和自己编写的JQuery代码就可以了;
    如:
    $(function(){
       $("Element").click{function(){
              alert("点击我哦!");
         }
       }
    });
    上面的代码中 只要定义了Element 这个元素  后面的click是动作 

    alert("点击我哦!");这个是要执行的代码,当然你可以有很多的操作在这个函数中;
    这里面的$这个号代表JQuery的意思 ,就是引用类库。

    3、JQuery的核心的一些方法
    each(callback) '就像循环
    $("Element").length; ‘元素的个数,是个属性
    $("Element").size(); ’也是元素的个数,不过带括号是个方法
    $("Element").get(); ‘某个元素在页面中的集合,以数组的形式存储
    $("Element").get(index); ’功能和上面的相同,index表示第几个元素,数组的下标
    $("Element").get().reverse(); ‘把得到的数组方向
    ("Element1").index(("Element2")); ’元素2在元素1中的索引值是。。。


    4、基本对象获取(注意这里获取的都是Jquery对象而不是Dom对象哦,但是他俩是可以转换滴)
    $("*")  ‘表示获取所有对象   但是我至今没这样用过
    $("#XXX") ’获得 id=XXX 的元素对象(id可以是标签的id或CSS样式id) 常用

    $("input[name='username']")   获得input标签中name='userName'的元素对象 常用

    $(".abc") ' 获得样式class的名字是.abc的元素对象  常用
    $("div") ' 标签选择器 选择所有的div元素  常用
    $("#a,.b,span") '表示获得ID是a的元素和使用了类样式b的元素以及所有的span元素
    $("#a .b p") 'ID号是a的并且使用了 b样式的 所有的p元素

    示例:

    <html>
        <head>
            <title>jquery测试</title>
            <meta http-equiv="content-type" content="text/html; charset=UTF-8">
            <script type="text/javascript" src="../js/jquery-1.4.1.js"></script>
            <style type="text/css">
            .checkCss{
                color:blue;
            }
            .redioCss{
                color:red;
            }
            </style>
            <script type="text/javascript">
                $(function(){
                    // $("#XXX") 获得id=XXX的所有Jquery对象
                    $("#subt").click(function(){
                        // $("XXX") 获得XXX标签名的所有Jquery对象
                        alert("input 标签的对象个数为:"+$("input").length);
                        // $("XXX[name='YYY']") 获得XXX标签名下name='YYY'的所有Jquery对象
                        // val()获得属性值
                        alert("name='userName'的输入框内容为:"+$("input[name='userName']").val());
                        // 注意获得value值的第二种方式
                        alert("name='note'的输入框内容为:"+$("input[name='note']").attr("value"));
                        alert("下拉菜单被选中项的文本为:"+$("#sex option:selected").text());
                        alert("下拉菜单被选中项的值为:"+$("#sex").val());
                        alert("复选框选中的个数为:"+$("input[name='check']:checked").length);
                        if($("input[name='check']:checked").length>0){
                            var allCheckValue="";
                            var allCheckText="";
                            $("input[name='check']:checked").each(function(){
                                allCheckValue+=$(this).val()+" ";
                                allCheckText+=$(this).parent(".checkCss").text()+" ";
                            });
                            alert("复选框选中的文本为:"+allCheckText+" 值为:"+allCheckValue);
                        }
                        if($("input[name='status']:checked").length>0){
                            alert("单选框选中的文本为:"+("input[name=status]:checked").parent(".redioCss").text()+""+("input[name='status']:checked").val());
                        }
                    });
                });
                </script>
        </head>

        <body>
            姓名:<input type="text" name="userName" width="250"><br>
            性别:<select id="sex" name="userSex" style="width: 155">
                    <option value="1">男</option>
                    <option value="2">女</option>
                    <option value="3">不男不女</option>
                 </select><br>
            爱好:<span class="checkCss"><input type="checkbox" name="check" value="1">旅游</span>
                 <span class="checkCss"><input type="checkbox" name="check" value="2">音乐</span><br>
                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                 <span class="checkCss"><input type="checkbox" name="check" value="3">体育</span>
                 <span class="checkCss"><input type="checkbox" name="check" value="4">文学</span><br>
            状态:<span class="redioCss"><input type="radio" name="status" value="1">在职</span>
                 <span class="redioCss"><input type="radio" name="status" value="2">离职</span><br>
            简介:<input type="text" name="note" width="250"><br>
            <input type="button" value="提交" id="subt"><br>
        </body>
    </html>

    5、层级元素获取
    $("Element1 Element2 Element3 ....")  '前面父级 后面是子集
    $("div > p") '获取div下面的所有的 p元素
    $("div + p") 'div元素后面的第一个 p元素
    $("div ~ p") 'div后面的所有的 p元素


    6、简单对象获取
    $("Element:first") 'HTML页面中某类元素的第一个元素
    $("Element:last") 'HTML页面中某类元素的最后一个元素
    ("Element:not(selector)"),("input:not(:checked)") 表示选择所有没有选中的复选框
    $("Element:even") '获得偶数行
    $("Element:odd“)'获得奇数行
    $("Element:eq(index)")  '取得一个给定的索引值
    $("Element:gt(index)")  '取得给定索引值的元素  之后的所有元素
    $("Element:lt(index)")  '取得给定索引值的元素  之前的所有元素

    7、内容对象的获取和对象可见性

    $("Element:contains(text)") '元素中是否包含text文本内容
    $('Element:empty") '获得元素不包含子元素或文本的
    $("Element:partnt") '获得元素包含子元素或文本的
    ("Element:has(selector)")("p:has(span)")表示所有包含span元素的p元素
    $("Element:hidden") '选择所有可见元素
    $("Element:visible") '选择所有不可见元素


    8、其他对象获取方法
    $("Element[id]") '所有带有ID属性的元素
    $("Element[attribute = youlika ]" '获得所有某个属性为youlika的元素
    $("Element[attribute != youlika ]" '获得所有某个属性为不是youlika的元素
    $("Element[attribute ^= youlika ]" '获得所有某个属性为不是youlika的开头的元素
    ("Element[attribute= youlika ]" '获得所有某个属性为不是youlika的结尾的元素
    $("Element[attribute *= youlika ]" '获得所有某个属性包含youlika的开头的元素
    ("Element[selector1][selector2][....]")("input[id][name][value=youlika ]")表示获得带有ID、Name以及value是youlika 的input元素。


    9、子元素的获取
    $("Element:nth-child(index)") '选择父级下面的第n个元素
    $("Element:nth-child(even)") '选择父级下面的偶数
    $("Element:nth-child(odd)") '选择父级下面的奇数
    $("Element:nth-child(3n+1)") '表达式
    $("Element:first-child") '选择父级下面的第一个子元素
    $("Element:last-child") '选择父级下面的最后一个子元素
    $("Element:only-child") '匹配父级下的唯一的一个子级元素,例如dt在dl列表中唯一,那么将选择dt


    10、表单对象获取
    $(:input)//查找所有的Input元素,当然也包括下拉列表,文本域,单选框,复选框等。
    $(:text)//匹配所有的单行文本框
    $(:password)//匹配所有的密码框
    $(:radio)//匹配所有的单选按钮
    $(:checkbox)//匹配所有的复选框
    $(:submit)//匹配所有的提交按钮
    $(:image)//匹配所有的图像域,例如<input type="image" />
    $(:reset)//匹配所有的重置按钮
    $(:button)//匹配所有的按钮
    $(:file)//匹配所有的文件上传域
    $(:hidden)//匹配所有的不可见元素或者type为hidden的元素
    $(:enabled)//匹配所有可用的input元素,比如radio:enabled表示匹配所有可用的单选按钮
    $(:disabled)//匹配所有的不可用input元素,作用与上相反
    $(:checked)//匹配所有选中的复选框元素
    $(:selected)//匹配所有的下拉列表


    11、元素属性的设置与移除
    ("Element").attr(name)("img").attr("src")
    $("Element".attr(key,value)") '某一个元素设置属性
    $("Element".attr({key:value,key1:value,....})) ‘为某个元素一次性设置多个属性
    $("Element").attr(key,function) '为所有匹配的元素设置一个计算的属性值。
    $("Element").removeAttr(name)//移除某一个属性

    展开全文
  • 1、JQuery概念 JQuery是一个JavaScript类库,这个类库集合了很多功能方法,利用类库你可以用一些简单代码实现一些复杂JS效果。 2、JQuery实现了 代码分离 不用再网页中加入如:onclick之类事件来调用...

    1、JQuery的概念

    JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用一些简单的代码实现一些复杂的JS效果。

    2、JQuery实现了 代码的分离

    不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和自己编写的JQuery代码就可以了;
    如:

    $(function(){
       $("Element").click{function(){
              alert("点击我哦!");
         }
       }
    })

    上面的代码中 只要定义了Element 这个元素后面的click是动作

    alert("点击我哦!");这个是要执行的代码,当然你可以有很多的操作在这个函数中;
    这里面的$这个号代表JQuery的意思 ,就是引用类库。

    3、JQuery的核心的一些方法

    each(callback) '就像循环
    $("Element").length; ‘元素的个数,是个属性
    $("Element").size(); ’也是元素的个数,不过带括号是个方法
    $("Element").get(); ‘某个元素在页面中的集合,以数组的形式存储
    $("Element").get(index); ’功能和上面的相同,index表示第几个元素,数组的下标
    $("Element").get().reverse(); ‘把得到的数组方向
    ("Element1").index(("Element1").index(("Element2")); ’元素2在元素1中的索引值是。。。

    4、基本对象获取(注意这里获取的都是Jquery对象而不是Dom对象哦,但是他俩是可以转换滴)
    $("*") ‘表示获取所有对象 但是我至今没这样用过
    $("#XXX") ’获得 id=XXX 的元素对象(id可以是标签的idCSS样式id) 常用
    $("input[name='username']") 获得input标签中name='userName'的元素对象 常用
    $(".abc") ’ 获得样式class的名字是.abc的元素对象 常用
    $("div") ’ 标签选择器 选择所有的div元素 常用
    $("#a,.b,span") '表示获得ID是a的元素和使用了类样式b的元素以及所有的span元素
    $("#a .b p") 'ID号是a的并且使用了 b样式的 所有的p元素

    示例:

    <html>
        <head>
            <title>jquery测试</title>
            <meta http-equiv="content-type" content="text/html; charset=UTF-8">
            <script type="text/javascript" src="../js/jquery-1.4.1.js"></script>
            <style type="text/css">
            .checkCss{
                color:blue;
            }
            .redioCss{
                color:red;
            }
            </style>
            <script type="text/javascript">
                $(function(){
                    // $("#XXX") 获得id=XXX的所有Jquery对象
                    $("#subt").click(function(){
                        // $("XXX") 获得XXX标签名的所有Jquery对象
                        alert("input 标签的对象个数为:"+$("input").length);
                        // $("XXX[name='YYY']") 获得XXX标签名下name='YYY'的所有Jquery对象
                        // val()获得属性值
                        alert("name='userName'的输入框内容为:"+$("input[name='userName']").val());
                        // 注意获得value值的第二种方式
                        alert("name='note'的输入框内容为:"+$("input[name='note']").attr("value"));
                        alert("下拉菜单被选中项的文本为:"+$("#sex option:selected").text());
                        alert("下拉菜单被选中项的值为:"+$("#sex").val());
                        alert("复选框选中的个数为:"+$("input[name='check']:checked").length);
                        if($("input[name='check']:checked").length>0){
                            var allCheckValue="";
                            var allCheckText="";
                            $("input[name='check']:checked").each(function(){
                                allCheckValue+=$(this).val()+" ";
                                allCheckText+=$(this).parent(".checkCss").text()+" ";
                            });
                            alert("复选框选中的文本为:"+allCheckText+" 值为:"+allCheckValue);
                        }
                        if($("input[name='status']:checked").length>0){
                            alert("单选框选中的文本为:"+("input[name=′status′]:checked").parent(".redioCss").text()+"值为:"+("input[name=′status′]:checked").parent(".redioCss").text()+"值为:"+("input[name='status']:checked").val());
                        }
                    });
                });
                </script>
        </head>
    
        <body>
            姓名:<input type="text" name="userName" width="250"><br>
            性别:<select id="sex" name="userSex" style="width: 155">
                    <option value="1"></option>
                    <option value="2"></option>
                    <option value="3">不男不女</option>
                 </select><br>
            爱好:<span class="checkCss"><input type="checkbox" name="check" value="1">旅游</span>
                 <span class="checkCss"><input type="checkbox" name="check" value="2">音乐</span><br>
                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                 <span class="checkCss"><input type="checkbox" name="check" value="3">体育</span>
                 <span class="checkCss"><input type="checkbox" name="check" value="4">文学</span><br>
            状态:<span class="redioCss"><input type="radio" name="status" value="1">在职</span>
                 <span class="redioCss"><input type="radio" name="status" value="2">离职</span><br>
            简介:<input type="text" name="note" width="250"><br>
            <input type="button" value="提交" id="subt"><br>
        </body>
    </html>
    

    5、层级元素获取

    $("Element1 Element2 Element3 ....") '前面父级 后面是子集
    $("div > p") '获取div下面的所有的 p元素
    $("div + p") 'div元素后面的第一个 p元素
    $("div ~ p") 'div后面的所有的 p元素

    6、简单对象获取

    $("Element:first") 'HTML页面中某类元素的第一个元素
    $("Element:last") 'HTML页面中某类元素的最后一个元素
    ("Element:not(selector)")′去除所有与给定选择器匹配的元素,如:("Element:not(selector)")′去除所有与给定选择器匹配的元素,如:("input:not(:checked)") 表示选择所有没有选中的复选框
    $("Element:even") '获得偶数行
    $("Element:odd“)'获得奇数行
    $("Element:eq(index)") '取得一个给定的索引值
    $("Element:gt(index)") '取得给定索引值的元素 之后的所有元素
    $("Element:lt(index)") '取得给定索引值的元素 之前的所有元素

    7、内容对象的获取和对象可见性

    $("Element:contains(text)") '元素中是否包含text文本内容
    $('Element:empty") '获得元素不包含子元素或文本的
    $("Element:partnt") '获得元素包含子元素或文本的
    ("Element:has(selector)")‘是否包含某个元素,如:("Element:has(selector)")‘是否包含某个元素,如:("p:has(span)")表示所有包含span元素的p元素
    $("Element:hidden") '选择所有可见元素
    $("Element:visible") '选择所有不可见元素

    8、其他对象获取方法

    $("Element[id]") '所有带有ID属性的元素
    $("Element[attribute = youlika ]" '获得所有某个属性为youlika的元素
    $("Element[attribute != youlika ]" '获得所有某个属性为不是youlika的元素
    $("Element[attribute ^= youlika ]" '获得所有某个属性为不是youlika的开头的元素
    ("Element[attribute("Element[attribute= youlika ]" '获得所有某个属性为不是youlika的结尾的元素
    $("Element[attribute *= youlika ]" '获得所有某个属性包含youlika的开头的元素
    ("Element[selector1][selector2][....]")′符合属性选择器,比如("Element[selector1][selector2][....]")′符合属性选择器,比如("input[id][name][value=youlika ]")表示获得带有IDName以及valueyoulikainput元素。

    9、子元素的获取

    $("Element:nth-child(index)") '选择父级下面的第n个元素
    $("Element:nth-child(even)") '选择父级下面的偶数
    $("Element:nth-child(odd)") '选择父级下面的奇数
    $("Element:nth-child(3n+1)") '表达式
    $("Element:first-child") '选择父级下面的第一个子元素
    $("Element:last-child") '选择父级下面的最后一个子元素
    $("Element:only-child") '匹配父级下的唯一的一个子级元素,例如dtdl列表中唯一,那么将选择dt

    10、表单对象获取

    $(:input)//查找所有的Input元素,当然也包括下拉列表,文本域,单选框,复选框等。
    $(:text)//匹配所有的单行文本框
    $(:password)//匹配所有的密码框
    $(:radio)//匹配所有的单选按钮
    $(:checkbox)//匹配所有的复选框
    $(:submit)//匹配所有的提交按钮
    $(:image)//匹配所有的图像域,例如<input type="image" />
    $(:reset)//匹配所有的重置按钮
    $(:button)//匹配所有的按钮
    $(:file)//匹配所有的文件上传域
    $(:hidden)//匹配所有的不可见元素或者type为hidden的元素
    $(:enabled)//匹配所有可用的input元素,比如radio:enabled表示匹配所有可用的单选按钮
    $(:disabled)//匹配所有的不可用input元素,作用与上相反
    $(:checked)//匹配所有选中的复选框元素
    $(:selected)//匹配所有的下拉列表
    

    11、元素属性的设置与移除

    ("Element").attr(name)′取得第一个匹配的属性值,比如("Element").attr(name)′取得第一个匹配的属性值,比如("img").attr("src")
    $("Element".attr(key,value)") '某一个元素设置属性
    $("Element".attr({key:value,key1:value,....})) ‘为某个元素一次性设置多个属性
    $("Element").attr(key,function) '为所有匹配的元素设置一个计算的属性值。
    $("Element").removeAttr(name)//移除某一个属性

    展开全文
  • 2、JQuery实现了 代码分离 不用再网页中加入如:onclick之类事件来调用函数了,直接引入JQuery类库和自己编写JQuery代码就可以了; 如: $(function(){  $("Element").click{function(){  alert(...
  • 1、request对象 request对象:它是HttpServletRequest的一个对象,它会随着Servlet的产生由web服务器...3、如何获得浏览器端用户的表单数据 常用操作: request.getParameterMap();//可以把整个表单数据放到一个Ma.
  • 例8-1 form对象的应用 先看ex8-1.htm 注意在另一窗口中显示内容做法 document.forms.length表示表单的数量 第1组6个表单元素值见ex8-1-1.htm document.forms[j].elements[k].value radio对象和checkbox对象的值...
  • 1.用request各种方法输出request中各种方法,新建页面requestApp1.jsp 源代码如下: <%@ page contentType="text/html;charset=gb2312"%> <%@ page import="java.util.*" %> <html> <head&...
  • .net的常用对象

    2019-09-24 10:30:33
    ViewState对象 一.ViewState原理 1.浏览器请求Default.aspx页面 2.在服务器端 发现创建ViewState 这个时候 会自动创建一个名字叫做__VIEWSTATE(双下滑线 全部是大写) ...3.当浏览器提交表单的时...
  • 一段特定功能代码段 就是函数 2.函数定义方式 使用 关键字function 3.函数格式及调用 function func(){ console.log('我是一个函数'); } // 调用函数 func(); 4.函数三种形式 1.命名...
  • 1,onclick----在用户用鼠标左键...2 ,onchange---当对象或选中区内容改变时触发 3 ,iframe ---创建内嵌浮动框架 4 ,input ---创建各种表单输入控件 转载于:https://www.cnblogs.com/Zhong-Xin/p/5319698.html...
  • WebDriver 常用获取测试对象的状态

    千次阅读 2015-06-11 17:01:11
    是否显示。使用element.is_displayed()方法;是否存在。...Python脚本控制WebDriver 常用操作 获取测试对象的状态    下面将使用webdriver来模拟测试中观察测试对象的状态操作   测试用例
  • 一、HTML DOM 概述HTML DOM 概述 - HTML DOM 定义了用于 HTML 一系列标准对象,以及访问和处理 HTML 文档标准方法 - HTML 标签对象化 - 将网页中每个元素都看作是一个对象常用 HTML DOM 对象标准 DOM 与 ...
  • input对象的常用属性

    2019-05-31 16:54:48
    value:表单元素值,用户输入内容,可以通过该属性获取 size:表单的长度 maxlength:表单元素最大长度(最多可输入字符数) disabled:禁用属性 readonly:只读属性 input对象的方法 focus():获取...
  • JSP内置对象的常用方法 (1)request请求对象 request对象是从客户端向服务器发出请求,包括用户提交信息以及客户端一些信息。客户端可通过HTML表单或在网页地址后面提供参数方法提交数据,然后通过...
  • js获取表单对象

    2015-01-13 22:55:30
    获取dom节点对象当然最常用的是document....本文讨论的是通过form对象获取表单对象。 有如下表单:    form1.b1.value  form1.b2.value 这两种方式都可以获取到值IE,firefox,chrome都支持两
  • 其中form参数表示表单元素名称,options参数表示调用方法时配置对象,所有验证规则和异常信息显示位置都在该对象中进行设置。 2.表单插件——form 通过表单form插件,调用ajaxForm()方法,实现ajax...
  • out对象:负责向客户端输出内容 方法一 : print方法,可以将各种类型数据转换为字符串,并输出到客户端 方法二 : weite方法,可以向客户端打印字符,...req.getParameter(“表单里面name”) 获取用户在网页里输入数据
  •  Document对象是window对象的一个属性,它包含组成文档各种对象,主要包含文本、图像、链接、表单对象。在document中主要有:links、anchor、form三个最重要的对象。    Document对象常见属性   Title...
  • 表单校验对象总结

    2020-07-18 12:21:28
    1.form对象: ... Form 对象常用属性: 属性 描述 action 设置或返回表单的 action 属性。 enctype 设置或返回表单用来编码内容 MIME 类型。
  • JSP常用的五个内置对象

    千次阅读 2017-04-06 20:15:39
    一:out对象 out对象一般用来向页面输出信息。...请求中封装了客户端所有信息(cookies,session,表单数据、浏览器信息等) 常用方法: getParameter(String name) 返回指定参数名称数值。如果没
  • 1.out对象用于向客户端输出数据,out对象常用的方法是print,write,println这三个方法,也可以用...2.request对象,常用的方法有getParameter()方法,根据页面的表单组件名称获取页面提交数据.getParameterValues()方法
  • 常用表单标签

    2015-11-08 17:10:28
    form 表单对象 input 输入域 textarea 文本域 label 标签 fieldset 定义域 legend 域标题 select 选择列表 option 下拉列表选项 outgroup 选项组 button 按钮
  • JavaScript常用文档对象一、Document对象1、文档对象概述2、文档对象的常用属性、方法与事件3、Document对象应用4、JavaScript中cookie设置二、表单对象三、图像对象 一、Document对象 1、文档对象概述 通过...
  • Servlet常用对象

    2019-06-09 15:17:20
    一、请求方式 ...HttpServletRequest 对象:主要作用是用来接收客户端发送过来请求信息, 例如:请求参数,发送头信息等都属于客户端发来信息,service()方法中形参接收是 HttpServle...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,750
精华内容 700
关键字:

常用的表单对象