jquery选择器

smile-w smile-w     2023-03-15     726

关键词:

// css选择器---拓展
// :hover---选择鼠标浮动在其上的元素,并设置样式

// jQuery选择器
// 1.基本选择器
/**
* 1.1 $("#id") id选择器
* 1.2 $(".class") class选择器
* 1.3 $("div") 标签选择器
* 1.4 $("#id,.class") 并集选择器(找到id和class的所有的标签)
* 1.5 $("div.class") 并集选择器(找到div且class)
*/
// 2.层级选择器
/**
* 2.1 子代选择器:$("#father>p")
* ---找到父元素下的子元素中所有的p元素(必须是父子关系)
* 2.2 后代选择器:$("#father p")
* ---找到父元素下的所有的p元素(可以是子代的子代)
*/
// 3.过滤选择器----过滤选择器带":"
/**
* $("li:even")----下标为偶数的li标签(下标从0开始)
* $("li:add")----下标为奇数的li标签(下标从0开始)
* $("li:eq(2)")----下标为2的li标签(下标从0开始)
* $("li:gt(2)")----下标大于2的li标签(下标从0开始)
* $("li:lt(2)")----下标小于2的li标签(下标从0开始)
* $("li:first")----第一个li标签
* $("li:last")----最后一个li标签
* :focus----当前获得焦点的元素
* :animated----所有正在执行动画效果的元素
* :not----去除所有与给定选择器匹配的元素
*/

// 4.筛选选择器
/**
* 4.筛选选择器:
* 4.1 children(selector)----$("ul").children("div");
* ----子类选择器
*
* 4.2 find(selector)----$("ul").find("div");
* ----后代选择器
*
* 4.3 siblings(selector)----$("li").siblings("div");
* ----查找兄弟节点,不包括自身
*
* 4.4 parent()----$("li").parent();
* ----查找父亲
*
* 4.5 eq(index)----$("li").eq(2);
* ----相当于:$("li:eq(2)"),查找下标为2的标签
*
* 4.6 next()----$("li").next();
* ----下一个兄弟
*
* 4.7 prev()----$("li").prev();
* ----上一个兄弟
*/

 

/**
* mouseenter和mouseover都是鼠标进入事件----mouseleave和mouseout对应的鼠标离开事件
*
* 区别:mouseenter事件:鼠标进入后,只有在鼠标穿过当前被选的元素时才会触发
* mouseover事件:不论鼠标穿过当前被选的元素或者其子元素时都会触发mouseover事件
*
*/

jquery选择器

1.分类1.1类css选择器基本选择器层次选择器属性选择器1.2过滤选择器基本过滤选择器可见性选择器2.基本选择器$(“标签名”);//标签选择器$(“id值”);//标签选择器$(“class值”);//class选择器$(选择器1,选择器2,...);//并集选... 查看详情

css选择器jquery选择器异同

css选择器用$("")包起来就成了jQuery选择器 CSS选择器jQuery选择器ID选择器#myID$(‘#myID‘)类选择器.myclass$(‘.myclass‘)标签选择器p$(‘p‘)层次选择器div>strong$(‘div>strong‘)css称为伪类选择器jQuery称之为过滤选择器p:nth-child(1)$(... 查看详情

jquery选择器

什么是jQuery选择器?能够选择使用网页上的元素,跟css选择器类似jQuery选择器的优势1.相比于JavaScript节点获取元素,更容易控制元素2.内部添加了特有的选择器。如奇数选择器,偶数选择器3.更简单,更容易理解基本选择器标签id... 查看详情

jquery选择器

jQuery选择器基本选择器选择id$("#name"):选择id为name的元素选择类$(".name"):选择所有类为name的元素选择元素$("p"):选择所有标签为p的元素通配符选择器$("*"):选择所有的元素并列选择器(选择器组)这里可以并列所有类型的选择器,包... 查看详情

jquery:jquery选择器(代码片段)

jQuery选择器类似于CSS选择器,用来选取网页中的元素。例如:$("h3").css("background-color","red"); 说明:获取并设置网页中所有<h3>元素的背景色。“h3”为选择器语法,必须放在$()中。$("h3")返回jQuery对象。一、jQuery选择器jQuery... 查看详情

jquery选择器

1.基本选择器$("#id")//ID选择器$("div")//元素选择器$(".classname")//类选择器$(".classname,.classname1,#id1")//组合选择器2.层次选择器$("#id>.classname")//子元素选择器$("#id.classname")//后代元素选择器$("#id+.classname")//紧邻下一个元素选择器$("#id~. 查看详情

第二章jquery选择器

第二章jQuery选择器一.jQuery选择器概述1.什么是jQuery选择器jQuery选择器类似于CSS选择器,用来选取网页中的元素。2.jQuery选择器的优势简洁的写法$()函数在很多javaScript库中都被当成一个选择器函数来使用,在jQuery中也是如此。$(“#... 查看详情

jquery选择器

转:菜鸟教程,JQuery选择器1.基本选择器$("#id")//ID选择器$("div")//元素选择器$(".classname")//类选择器$(".classname,.classname1,#id1")//组合选择器2.层次选择器$("#id>.classname")//子元素选择器$("#id.classname")//后代元素选择器$("#id+.classname")//紧邻 查看详情

jquery——选择器分类

   JQuery选择器1  什么是JQuery选择器 快速高效的找到指定节点,支持css语法设置页面2 JQuery选择器分类2.1 基本选择器  CSS选择器  层级选择器  表单域选择器2.2 过滤选择器&nbs... 查看详情

jquery常用的选择器

jquery用选择器来得到jquery对象,进而进行一些操作。一.基本选择器1.id选择器2.类选择器3.元素名选择器4.并集选择器5.交集选择器二.层级选择器父元素下的某个子元素或者某些子元素: 三.过滤选择器 查看详情

jquery之选择器

  选择器允许你对元素组合单个元素进行操作;CSS3中的选择器在jQuery中也适用,如id选择器、class选择器、标签选择器、属性选择器、后代选择器等等。  将选择器作为参数传给$()或者jQuery(),返回包含零个或一个DOM元素集... 查看详情

jquery选择器

选择器,用于选取页面上的元素对象。jQuery选择器完全继承了CSS选择器的方式。学会了CSS的选择器就会jQuery的选择器了。jQuery选择器是学习jQuery的基础 DOM如何获取页面中的元素对象? document.getElementById(‘id‘); document.getElementsB... 查看详情

jquery概述选择器(代码片段)

文章目录jQuery概述JavaScript库jQuery概念jQuery优点jQuery使用jQuery对象与DOM对象区别、转换jQuery选择器基本选择器基本过滤选择器内容过滤选择器属性过滤选择器子元素过滤选择器表单选择器jQuery筛选方法jQuery其它知识点jQuery概述JavaS... 查看详情

jquery的选择器

  要使某个动作应用于特定的html元素,需要有办法找到这个元素。在jQuery中,执行这一任务的方法称为jQuery选择器。jQuery选择器把网页的结构和行为完全分离。利用jQuery选择器,能快速地找出特定的html元素,然后轻松的给元... 查看详情

jquery——jquery选择器(代码片段)

##jQuery选择器先看看w3cschool的对jQuery的概述:jQuery选择器允许您对HTML元素组或单个元素进行操作。jQuery选择器基于元素的id、类、类型、属性、属性值等"查找"(或选择)HTML元素。它基于已经存在的CSS选择器,除此之外,... 查看详情

jquery选择器

jquery选择器   (1).ID选择器    $("#div1");   (2).标签选择器    $("div");   (3).类选择器    $(".d1");   (4).通配选择器    $("*");   (5).复合选择器    $("#div1,.d1,body");   (6).后... 查看详情

jquery选择器

  本文主要根据《锋利的jQuery》总结,介绍的jQuery选择器主要包含3类:1)基本选择器,2)层次选择器,3)过滤选择器 1.基本选择器  2.层次选择器  选择器 替代方法 描述 返回 示例  &... 查看详情

jquery选择器之类选择器

类选择器,顾名思义,通过class样式类名来获取节点。描述:$(‘.class‘)类选择器,相对于id选择器来说,效率相对会低一些,但是优势就是可以多选。同样的jQuery在实现上,对于类选择器,如果浏览器支持,jQuery使用javascript的... 查看详情