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


内容过滤选择器:

        ○ 内容选择过滤器                                           $("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");


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

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

有问题,评论中会回答。

jQuery知识点总结(第二天)的更多相关文章

  1. Jquery笔记之第二天

    Jquery笔记之第二天 jQuery - 获取内容和属性 获得内容 - text().html() 以及 val() <script> $(document).ready(functio ...

  2. jQuery()方法的第二个参数

    关于jQuery()方法的第二个参数,有下面这几种用法: 1.jQuery(selector, [context]) 这种用法,相当于 $(context).find(selector) 或者 con ...

  3. jQuery()方法的第二个参数详解

    关于jQuery()方法的第二个参数,有下面这几种用法: 1.jQuery(selector, [context]) 这种用法,相当于 $(context).find(selector) 或者 con ...

  4. JQuery知识点总结

    一. 1.JavaScript是Netscape公司开发的一种脚本语言(scripting language).JavaScript的出现实现了使得网页和用户之间实时的,动态的和交互的关系,使网页包含 ...

  5. jQuery知识点一 each()和toggleClass()

    jQuery的一些东东比较容易忘,所以在这里整理一下... ... 1. each (1) $(selector).each(function(index,element))         inde ...

  6. jQuery知识点总结(第一天)

    整理笔记前的题外话: 我认为互联网的高速发展其中最为主要的一点就是——开源. 开源精神,使得无数的IT爱好者贡献所学,将自己的智慧结晶无偿奉献给大家.后辈的学习者在混沌的互联网世界里,追寻着前辈们留下 ...

  7. jQuery Mobile 基础(第二章)

    1.可折叠块: <div data-role="collapsible"> <h1>点击我 - 我可以折叠!</h1> <p>我是可 ...

  8. Jquery基础教程第二版学习记录

    本文仅为个人jquery基础的学习,简单的记录以备忘. 在线手册:http://www.php100.com/manual/jquery/第一章:jquery入门基础jquery知识:jquery能做 ...

  9. 《jQuery实战(第二版)》读书笔记

    第一部分 jQuery核心 1.jQuery基础 第一章总结了jquery的大致功能,基本原理,使用方式. point: (1).引入:<script type="text/javas ...

随机推荐

  1. unittest使用过程中sys.exit(not self.result.wasSuccessful())

    起因: 在运行下面的unittest过程中出现了个Traceback: 被测试脚本: # splitter.py def split(line, types=None, delimiter=None) ...

  2. [【codechefCHSEQ22】Chef and Favourite Sequence(并查集)

    题目:http://hzwer.com/3419.html 题意:给你一个全是0的数列,有m种操作[Li,Ri],每次操作就将下标处于[Li,Ri]的元素取反.你可以选若干个操作来使这个数列最后变成别 ...

  3. hdu2642二维树状数组单点更新+区间查询

    http://acm.hdu.edu.cn/showproblem.php?pid=2642 题目大意:一个星空,二维的.上面有1000*1000的格点,每个格点上有星星在闪烁.一开始时星星全部暗淡着 ...

  4. 使用delegate实现简单的查询功能

    protected void imgbtnSearch_Click(object sender, System.Web.UI.ImageClickEventArgs e) { string keyWo ...

  5. extJs学习基础5 理解mvvm的一个小案例

    今天很是幸运,看到了一位大神的博客,学习了不少的东西.太感谢了.(满满的都是爱啊) 建议去学习这个大神的博客,真心不错. 博客地址:http://blog.csdn.net/column/detail ...

  6. iOS不得姐项目--pop框架的初次使用

    一.pop和Core Animation的区别 1.Core Animation的动画只能添加到layer上 2.pop的动画能添加到任何对象 3.pop的底层并非基于Core Animation,是 ...

  7. 51nod 1422(强行YY)

    1422 沙拉酱前缀 题目来源: CodeForces 基准时间限制:1 秒 空间限制:131072 KB 分值: 40 难度:4级算法题  收藏  关注 沙拉酱非常喜欢数字序列.这正是他要弄一个关于 ...

  8. python面试大全

    问题一:以下的代码的输出将是什么? 说出你的答案并解释. class Parent(object): x = 1 class Child1(Parent): pass class Child2(Par ...

  9. Java多线程学习(吐血超详细总结)

    本文主要讲了java中多线程的使用方法.线程同步.线程数据传递.线程状态及相应的一些线程函数用法.概述等. 首先讲一下进程和线程的区别: 进程:每个进程都有独立的代码和数据空间(进程上下文),进程间的 ...

  10. iOS中通知中心(NSNotificationCenter)的使用总结

    一.了解几个相关的类 1.NSNotification 这个类可以理解为一个消息对象,其中有三个成员变量. 这个成员变量是这个消息对象的唯一标识,用于辨别消息对象. @property (readon ...