大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这两天开始学习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");