jQuery选择器(上)

   这两天开始学习jQuery，一开始接触的就是jQuery选择器，学完之后感觉jQuery选择器分类挺多的，根据学习的资料，在这里做个小小的归纳与概括。

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计、网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的新蔡网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

   jQuery选择器可分为基本选择器和过滤选择器。

   （一）基本过滤器可分为CSS过滤器、层级过滤器和表单过滤器。

★CSS过滤器

1、id选择器：用于选择具有给定id属性值的单个元素

       jQuery("#id");    //参数id表示待查找的id属性值，前面应加“#”

   2、类选择器：用于选择具有给定类的所有元素

       jQuery(".className");    //参数className指定应用于待选择元素的类名，签名应加“.”

   3、元素选择器：用于选择具有给定HMTL标记名的所有元素

       jQuery("tagName");    //参数tagName指定待查找元素的HTML标记名

   4、群组选择器：用于选择所有指定的选择器组合的结果    

       jQuery("selector1,selector2,selector3,...,selectorN");

   5、通用选择器：用于从文档中获取所有元素

       jQuery("*");

★层级选择器

   1、子元素选择器：在给定的父元素下查找所有的直接子元素

       jQuery("parent>child");

       注：参数parent是任何有效的选择器，child也是一个选择器，用于筛选子元素，两个参数之   间用大于号“>”分隔

   2、后代元素选择器：在给定的祖先元素下查找所有的后代元素

       jQuery("ancestor descendant");

       注：参数ancestor是任何有效的选择器，descendant也是一个选择器，用于筛选后代元素，两个元素之间用空格分隔开

   3、紧邻同辈元素选择器：用于选择紧跟给定元素之后的同辈元素

       jQuery("prev+next");

       注：参数prev是任何有效的选择器，next也是一个选择器，用于匹配紧靠prev旁边的那个元素，两者用加号“+”分隔开

   4、相邻同辈元素选择器：用于选择某元素后面的所有同辈元素

       jQuery("prev～siblings");

       注：参数prev是任何有效的选择器,siblings也是一个选择器，用于筛选prev后面的所有同辈元素，两者之间用破浪线符号“~”分隔

★表单域选择器

1、:input选择器：选择所有input、textarea、select和button元素

       jQuery(":input");

   2、:text选择器：选择所有单行文本框（）

       jQuery(":text");

   3、:password选择器：选择所有密码框（）

       jQuery(":password");

   4、:radio选择器：选择所有单选按钮（）

       jQuery(":radio");

   5、:checkbox选择器：选择所有复选框()

       jQuery(":checkbox");

   6、:file选择器：选择所有文件域()

       jQuery(":file");

   7、:p_w_picpath选择器：选择所有图像域(元素)

       jQuery(":p_w_picpath");

   8、:hidden选择器：选择所有不可见元素(CSS display属性为none)以及隐藏域()

       jQuery(":hidden");

   9、:button选择器：选择所有按钮(和...)

       jQuery(":button");

   10、:submit选择器：选择所有提交按钮()

       jQuery(":submit");

   11、:reset选择器：选择所有重置按钮()

       jQuery(":reset");

本文标题：jQuery选择器(上)
地址分享：http://6mz.cn/article/pephde.html