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



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

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

有问题,评论中会回答。

时间: 2024-10-06 14:39:34

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

jquery知识点梳理

jQuery知识点梳理 一.              jquery选择器 基本选择器 ID选择器 类选择器 标记选择器 分组选择器 通配符选择器 层次选择器 $(“ancestor descendent”):祖先后代选择器    空格 $(“parent > child”):父子选择器   大于 $(“prev + next”):相邻后兄弟元素选择器   加号 $(“prev ~ siblings”):所有后兄弟元素选择器  波浪线 过滤选择器:基本过滤选择器 :first.:last.:od

bash脚本编程的语法知识点总结第二部分

bash脚本编程的语法知识点总结第二部分 承接第一部分进行总结分析 6.bash编程之交互编程 read -p"prompt" //提示 -ttimeout 给变量默认值 varName=${varName:-value} 如果varName不空,则返回varName的值:否则varName会使用value作为其值 使用read参数[-p]后,允许在[-p]后面跟一字符串,在字符串后面跟n个shell变量.n个shell变量用来接收从shell界面输入的字符串 [-p]用法:read

jQuery()方法的第二个参数

关于jQuery()方法的第二个参数,有下面这几种用法: 1.jQuery(selector, [context]) 这种用法,相当于 $(context).find(selector) 或者 context.find(selector) 2.jQuery(html, [ownerDocument]) 文档对ownerDocument的解释是:“创建DOM元素所在的文档” 也就是说,如果你要编写挎document的脚本,比如iframe或者用window.open开一个新窗口,可能会用得着它 3

2014年计算机软考《网络管理》知识点-【第二章】

51CTO学院,在软考备考季特别整理了"2014年计算机软考<网络管理>知识点",帮助各位学院顺利过关!更多软件水平考试辅导及试题,请关注51CTO学院-软考分类吧! 查看汇总:2014年计算机软考<网络管理>知识点汇总  第二章 数据通信 2. 1数据通信技术 2.1.1 模拟数据通信和数字数据通信 (1) 数据通信******两个实体间的数据传输和交换. (2) 模拟数据******在某个区间为连续的值的数据 (3) 数字数据******在某个区间为离散的值

jQuery知识点总结

一.元素的增删改查 1.增加 a.append() 和 appendTo()  区别 append():后边的加到前边的里边(后置插入) appendTo():前边的加到后边的里边 b.prepend()  和 prependTo() 区别 后边的加到前边的里边(前置插入) c.after()   和 before() 区别 后边的插入到前边的之后 后边的插入到前边的之前 2.删除 a.remove .empty 和 detach 方法的区别 Remove:移除 Empty:把元素内容清空 De

jQuery 知识点总结

[文章根据 尚硅谷 教学材料 总结] 发博备查. 1.        . class选择器    # id选择器    : 选取 2. $(function(){})相当于 window.onload 方法.    window.onload = function(){...}    3. 加载DOM的两种方式: jQuery 和 window.onload    $(document).ready(function(){...})    $(function(){...} 4. 选取butto

jQuery知识点总结(第一天)

整理笔记前的题外话: 我认为互联网的高速发展其中最为主要的一点就是——开源. 开源精神,使得无数的IT爱好者贡献所学,将自己的智慧结晶无偿奉献给大家.后辈的学习者在混沌的互联网世界里,追寻着前辈们留下的足迹,亦步亦趋的前往更高的层楼.开源精神,大大减少了后辈们在学习技术的难度,使得技术的升级和迭代日新月异.我希望成为一名思维开阔的人,成为对互联网有贡献的开源人. 我是后端PHP程序员,很少写前端页面.在做项目的过程中,被jQuery的便捷性所吸引.因此购买了<锋利的JQuery>一书,最近一边

几个简单的jquery知识点练习

三.jquery对象和dom对象 <script type="text/javascript"> //页面的基本元素加载后 $(function () { var btnObjDom = document.getElementById('btn'); //dom对象变成jquery对象 alert($(btnObjDom).val());//如果val()该方法括号中什么都不写,表示的是获取值 //如果在括号中写内容了,表示的是设置该属性的值 //jquery对象变成dom

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

第一部分 jQuery核心 1.jQuery基础 第一章总结了jquery的大致功能,基本原理,使用方式. point: (1).引入:<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"> (2).强大的选择器:var checkedValue = $('[name="someRadioGroup"]:checked').v