zoukankan      html  css  js  c++  java
  • jQuery知识点总结(第二天)

    今天继续从我的笔记上面搬运。我们不产生知识,只是知识的搬运工。


    内容过滤选择器:

            ○ 内容选择过滤器                                           $("div:contains('text')");   内容为'text'的那个div

            ○ 不包含子元素也不包含文本元素(一穷二白的选择器)   $("div:empty");

            ○ 含有选择器所匹配元素的元素(真他妈绕口)              $("div:has(p)");                元素里面有<p>的那个div

            ○ 含有子元素和文本元素的元素(不是孤家寡人)               $("div:parent");                和$("div:empty")正好相反,对比记忆。

    可见性过滤选择器:

            ○ 页面中隐藏元素选择器                $("div:hidden");

              ○ 页面中可视元素选择器                                         $("div:visible");

                             notice: 可见性,是指元素在页面中是否能够显示。在CSS中可以设置display:block;显示也可以设置display:none;隐藏。所以用这个jQuery就能选择那些元素是显示的那些元素是隐藏的。

    属性过滤选择器:

             ○ 有某个属性的选择器                                           $("div[title]")                 选择有属性为title的div。

                              notice:当然这些属性也可以自定义,比如,属性为test.设置HTML中本来就存在的属性可以用attr.也可以用prop.具体两者的差异,后面的笔记会提到,当然也可以在评论里提问。在今天的笔记里就不展开了。

               ○ 属性值等某个值的。                                           $("div[title = 'bigBreast']")  选择title值等于bigBreast(大胸)的那个div。

                             ○ 属性值不等于某个值的。                                     $("div[title != 'bigBreast']") 选择title值不等于bigBreast(大胸)的那个div。

             ○ 属性值以什么开头的。                                        $("div[title ^= 'mengmengda']") 选择title值以mengmengda开头的那个div。

             ○ 属性值以什么结尾的。                                        $("div[title $= 'mengmengda']") 选择title值以mengmengda结尾的那个div。

                             ○ 属性值中含有什么文字的。                                   $("div[title *= 'hexie']");              选择title值里面含有hexie(和谐内容)的那个div。

             ○ 属性中不仅含有这个属性而且含有其他属性。(超级组合啊)$("div[id][title][test]");      寻找属性中不仅有id而且有title而且属性为test的。

    子元素过滤选择器:

             ○ 选择某个集合元素中,第几个子元素。                      $("div.small :nth-child(2)");   选择div里面类名叫small的元素集合中第二个元素。nth-child(index)。其中index是从1开始的。而eq(index)中的index是从0开始的。这一点一定要注意!

                         ○ 选择某个集合元素下,第一个子元素。                      $("div.small :first-child");      

                             ○ 选择某个集合元素下,最后一个子元素。                   $("div.small :last-child");

             ○ 选择某个集合下,子元素是3的倍数的子元素。           $("div.small :nth-child(3n)");

             ○ 选择某个集合下,子元素是3的倍数加以的子元素        $("div.small :nth-child(3n+1)"); 

             ○ 选择某个集合下,并且只有一个子元素的的元素          $("div.small :only_child");


    今天就先介绍这么多,余下的来日方长。慢慢从笔记中搬。

    昨天的博客有人投了反对票,可能是文中举得例子不恰当,有伤风化。但搞技术的大都是男的,对着枯燥的知识点学习,很快就会眼酸犯困,难以坚持。古往今来,色情、凶杀和暴力,最能引人关注,激发多巴胺分泌,提神醒脑。所以文中不时来点搞笑段子吸引眼球,既能缓解学习气氛,又能学到东西,何乐而不为呢。

    有问题,评论中会回答。

     

    本人博客所有文章,均为原创。部分文章中或引用相关资料,但均已著明来源出处。可随意转载、分享,但需加本文链接,以及版权说明。
  • 相关阅读:
    mybatis实战教程(mybatis in action),mybatis入门到精通
    jquery 设置select的默认值
    一些最佳做法,即将推出的产品列表
    My97DatePicker日历控件日报、每周和每月的选择
    Android在第三方应用程序系统应用尽早开始,杀死自己主动的第三方应用程序,以重新启动
    Scrapy研究和探索(五岁以下儿童)——爬行自己主动多页(抢别人博客所有文章)
    Arcgis sde 10.1您不能创建在安装后的空间库,提示User has privileges required to create database objects.
    cocos2d-x 网络请求
    HDU 3729 I&#39;m Telling the Truth(二部图最大匹配+结果输出)
    解决opengl计算顶点的法线问题
  • 原文地址:https://www.cnblogs.com/roverliang/p/4659941.html
Copyright © 2011-2022 走看看