关于jquery中的选择器的概念和各个选择器的用法及功能 |
您所在的位置：网站首页 › jquery常用选择器种类 › 关于jquery中的选择器的概念和各个选择器的用法及功能 |
|
关于jquery中的选择器的概念和各个选择器的用法及功能
概念：选择器允许您对元素组或单个元素进行操作，在 jQuery 中, 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器
选择器的分类：基本、层次、简单、内容、可见性、属性、子元素、表单 表单对象属性
一、基本选择器（5种）： 1、id选择器： 用法：$("#id") 功能：用于搜索的，通过元素的 id 属性中给定的值进行搜索 2、element 用法：$("div");功能：一个用于搜索的元素。指向 DOM 节点的标签名。 3、.class 用法：$(".myClass");功能：一个用以搜索的类。一个元素可以有多个类，只要有一个符合就能被匹配到。 4、* 用法：$("*")功能：匹配所有元素。多用于结合上下文来搜索。
5、selector1、selector2、selectorn 用法：$("div,span,p.myClass")功能：将每一个选择器匹配到的元素合并后一起返回。你可以指定任意多个选择器，并将匹配到的元素合并到一个结果内。 描述：selector1是一个有效的选择器，selector2是另一个有效的选择器，selectorn是任意多个有效的选择器。
二、层级选择器 1、ancestordescendant 用法：$("form input")功能：在给定的祖先元素下匹配所有的后代元素 2、parent> child 用法：$("form > input") 功能：在给定的父元素下匹配所有的子元素 3、prev + next 用法：$("label + input") 功能：匹配所有紧接在 prev 元素后的 next 元素 4、prev ~ siblings 用法：$("form ~ input") 功能：匹配 prev 元素之后的所有 siblings 元素 三、简单选择器 1、:first 用法：$('li').first() 功能：获取匹配的第一个元素 2、:last 用法：$('li').last() 功能：获取匹配的最后一个元素 3、：not 用法：$("input:not(:checked)") 功能：去除所有与给定选择器匹配的元素，用于筛选的选择器 4、：even 用法：$("tr:even") 功能：匹配所有索引值为偶数的元素，从 0 开始计数。即查找表格的1、3、5...行（即索引值0、2、4...） 5、：odd 用法：$("tr:odd") 功能：匹配所有索引值为奇数的元素，从 0 开始计数。即查找表格的2、4、6行（即索引值1、3、5...） 6、：eq 用法：$(“tr:eq(1)”) 功能：匹配一个给定索引值的元素(eq(1)是指查找第二行) 7、：gt 用法：$("tr:gt(0)") 功能：匹配所有大于给定索引值的元素 8、：lt 用法：$("tr:lt(0)") 功能：匹配所有小于给定索引值的元素 9、：header 用法：$(":header").css("background", "#EEE"); 功能：匹配如 h1, h2, h3之类的标题元素 10、：:animated 用法：$("#run").click(function(){ $("div:not(:animated)").animate({ left: "+=20" }, 1000); }); 功能：匹配所有正在执行动画效果的元素 |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |