jQuery选择器(上)-创新互联-成都快上网建站

jQuery选择器(上)-创新互联

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

10年的资溪网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整资溪建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联从事“资溪网站设计”,“资溪网站推广”以来,每个客户项目都认真落实执行。

  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");

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享文章:jQuery选择器(上)-创新互联
链接URL:http://kswjz.com/article/dsjdoe.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流