一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jQuery表单元素选择器代码实例

时间:2022-06-25 17:17:27 编辑:袖梨 来源:一聚教程网

 

 代码如下 复制代码

  

  

  

  

  

 

  

子元素筛选选择器

  

input、text、password、radio、checkbox

  

submit、image、reset、button、file

  

    

      

      

      

      

      

      

      

      

      

    

  

 

  

    //查找所有 input, textarea, select 和 button 元素

    //:input 选择器基本上选择所有表单控件

    $(':input').css("border", "3px groove blue");

  

 

  

    //匹配所有input元素中类型为text的input元素

    $('input:text').css("background", "#A2CD5A");

  

 

  

    //匹配所有input元素中类型为password的input元素

    $('input:password').css("background", "yellow");

  

 

  

    //匹配所有input元素中的单选按钮,并选中

    $('input:radio').attr('checked','true');

  

 

  

    //匹配所有input元素中的复选按钮,并选中

    $('input:checkbox').attr('checked','true');

  

 

  

    //匹配所有input元素中的提交的按钮,修改背景颜色

    $('input:submit').css("background", "#C6E2FF");

  

 

  

    //匹配所有input元素中的图像类型的元素,修改背景颜色

     $('input:image').css("background", "#F4A460");

  

 

  

    //匹配所有input元素中类型为按钮的元素

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

  

 

  

    //匹配所有input元素中类型为file的元素

     $('input:file').css("background", "#CD1076");

  

 

 

 

热门栏目