基本选择器（*） 在开发过程中，jQuery对象的定义 var $obj=$("选择的对象")； //$obj为自定义的元素名 id选择器 $("#id"); 选中的结果是该元素的jQuery对象 标签选择器...$("标签名称");jquery对象的集合，如果选择结果只有一个，那么是当前对象 类选择器 $(".类名"); jQuery对象的集合，类名是在css中定义 并集选择器 $("selector1seletor2...全局选择器 $("*"); jQuery对象的集合，会选中所有 层次选择器（*） 后代选择器 $("selector1 selector2"); 选择selector1内部所有满足selector2的元素...:contains("value") 选择元素中内容包含指定值的元素（包括div等标签）； :empty 选中不包含子元素和内容的元素； :has(选择器) 匹配包含有指定选择器选中的元素的元素； :...:first-child 匹配所给选择器( :之前的选择器)的第一个子元素； 等同于： :nth-child(1) 注意：但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一 个子元素
jQuery 一.jQuery入门 1.javascript类库 JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。...标签的src属性导入即可 二.jQuery基本操作 1.获得jQuery对象 语法：$(选择器或者DOM对象) 或 jQuery(选择器或者DOM对象) $ == jQuery jQuery对象，底层使用数组进行维护的，可以存放多个对象。 //然后通过get()可以从jquery对象转换成 dom对象。参数：数组的下标，可以省略。如果省略下标获得dom 数组。... ：animated 动画 ：focus 焦点 4.内容过滤 ：contains(text) 是否包含指定的内容 ：empty 是否为空，不包含子元素、不包含文本 ：has（选择器），当前元素，...复合属性选择器 需要同时满足多个条件时使用 7.子元素过滤 ：nth-child() 指定孩子 ，从1开始。
在一个页面中，一个元素可以有多个CSS类，一个CSS类又可以匹配多个元素，如果有元素中有一个匹配类的名称就可以被类选择器选取到。...jQuery对象。...selector2:另一个有效的选择器，可以是ID选择器、元素选择器或类名选择器等 selectorN:（可选择）任意多个选择器，可以是ID选择器、元素选择器或类名选择器等...) //匹配含有”word”文本内容的元素 :empty 说明：匹配所有不包含子元素或者文本的空元素 示例...：(“td:empty”) //匹配不包含子元素或者文本的单元格 :has(selector) 说明：匹配含有选择器所匹配元素的元素
对象,而调用.find方法去执行的目的是为了兼容有些zepto对象数组下有多个对象,其实find里边也是循环调用qsa(zepto封装的query方法,下边都会说) 为空时就直接通过document...就是说看是不是不包含子选择器的； 上边几个变量都是用来判断的，下边是一大串的三元运算符，看着挺晕的，但是听我解释完，肯定会明白的（说不定就更晕了）； 首先是 确定上下文对象支持getElementById...方法，该选择器不包含子选择器并且选择器开头是个#号，这说明人家要的是个ID：XXX的标签 如果满足这种情况，就调用getElementById并将返回结果放入一个数组，这也是为什么获得jQuery...直接返回空数组（任性~）； 但如果满足条件了，继续进行判断，选择器为不包含子选择器的（get√），并且不是通过ID选择的（get√），而且支持getElementsByClassName的（...（但是jQuery不是这么写的，至少不全是，因为jQuery还有一些自己的伪类，zepto是没有的）； 关于那个slice.call()只是为了将里边返回的dom对象放在一个数组里罢了。
（本文年代久远，请谨慎阅读）今天学习了JQuery的一些基本用法，包括JQuery选择器和JQuery包装集； 从现在开始，要慎重区分DOM对象和JQuery对象，两种对象的方法不同，属性不同，在使用中要特别注意...JQuery选择器 编写任何javascript程序都需要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如”拥有title属性并且值中包含test...(“id”); JQuery对象获取方法： 单个对象：var objDiv = $ (“#Id"); 多个对象：var arrObj = $('div'); //警告：此处是JQuery语法形式，但依然是...JQUERY选择器包括以下几种： 1、基础选择器 2、层次选择器 3、基本过滤器 4、内容过滤器 5、可见性过滤器 6、属性过滤器 7、子元素过滤器 8、表单选择器 9、表单过滤器 下面列出几种重要的选择器...='...']")匹配给定的属性是不包含某个特定值的元素 name='...' $("input[name^='...']")匹配给定的属性是以某些值开始的元素 name^='...'
一、jQuery选择器 在CSS3选择器标淮草案定义的选择器语法中，jQuery支持相当完整的一套子集，同时还添加了一些非标准但很有用的伪类。注意:本节讲述的是 jQuery选择器。...first()返回的jQuery对象仅包含选中元素中的第一个，last()返回的jQuery对象则只 包含最后一个元素。更通用的是，eq()方法返回物Query对象只包含指定序号的单个选中元素。...如果传递选择器字符串给not()它会返回一个新的jQuery对象，该 对象只包含不匹配该选择器的元素。...如果传入选择器，has()会返回一个新的jQuery对象，仅包含有子孙元素匹配该选择器的选中元素。...大部分都接受可选的选择器字符串作为参数。不传入选择器时，它们会返回所有子元素、兄弟元素或父元素。传入选择器时，它们会过滤元素集，仅返回匹配的。
通过jquery自身的方法获取页面元素的对象，就是jquery对象。...jquery选择器有：基本选择器，层次选择器，过滤选择器，表单选择器四大类。...过滤选择器分6种：简单过滤选择器，内容过滤选择器，可见性过滤选择器，属性过滤选择器，子元素过滤选择器，表单对象属性过滤选择器。...first() 或 :first 获取第一个元素 last() 或 :last 获取最后一个元素 内容过滤选择器： :contains(text) 获取包含给定文本的元素 :empty 获取所有不包含子元素或文本的空元素...[selector1][selector2] 同时满足多个条件使用 子元素过滤选择器： :nth-child 从1开始的，匹配每个父元素下第n个元素 $("ul li:nth-child(2)");
文章目录 jQuery概念 快速入门 步骤： JQuery对象和JS对象区别与转换 选择器：筛选具有相似特征的元素(标签) 基本操作学习 事件绑定 入口函数 样式控制：css方法 分类 基本选择器...标签选择器（元素选择器） id选择器 类选择器 并集选择器 层级选择器 后代选择器 子选择器 属性选择器 属性名称选择器 属性选择器 复合属性选择器 过滤选择器 首元素选择器 尾元素选择器 非元素选择器...的属性值”) 获得与指定的class属性值匹配的元素 并集选择器 语法： $(“选择器1,选择器2…”) 获取多个选择器选中的所有元素 层级选择器 后代选择器 语法： $("A B ") 选择A元素内部的所有...B元素 子选择器 语法： $(“A > B”) 选择A元素内部的所有B子元素 属性选择器 属性名称选择器 语法： $(“A[属性名]”) 包含指定属性的选择器 属性选择器 语法： $(“A[属性名=‘值...’]”) 包含指定属性等于指定值的选择器 复合属性选择器 语法： $(“A[属性名=‘值’][]…”) 包含多个属性条件的选择器 过滤选择器 首元素选择器 语法： :first 获得选择的元素中的第一个元素
jQuery语法：jQuery.click(function(){})。 通俗一点理解就是： js对象对应的是属性，给属性赋值。 jQuery对象对应的是方法，给方法一个参数。...①id选择器 格式为：$("#myId01")。 通过它可以操作对应id的标签。 ②类选择器 格式为：$(".divClass")。 通过它可以操作对应类名的标签。...③标签选择器 格式为：$("div")。 通过它可以操作对应标签名的标签，其效果和类选择器很相似。 ④全选选择器 格式为：$("*")。这是jQuery中多于CSS的。...值得注意的是：这两种都是同级之间操作的，不涉及到它们的子标签。 三、属性选择器 在标签中是有各种各样的属性的，比如style属性，name属性，value属性，title属性…等等。...比如层级选择器中可以包含基本选择器。 jQuery中的选择器实在是太多了，通过网络查询到jQuery对应里的选择器： ? 遇到不会的就可以查看下文档，讲解也很详细，还有案例分析。
类选择器 * 语法： $(".class的属性值") 获得与指定的class属性值匹配的元素 4. 并集选择器： * 语法： $("选择器1,选择器2....")...获取多个选择器选中的所有元素 2. 层级选择器 1. 后代选择器 * 语法： $("A B ") 选择A元素内部的所有B元素 2....子选择器 * 语法： $("A > B") 选择A元素内部的所有B子元素 3. 属性选择器 1....属性名称选择器 * 语法： $("A[属性名]") 包含指定属性的选择器 2....包含多个属性条件的选择器 4. 过滤选择器 1. 首元素选择器 * 语法： :first 获得选择的元素中的第一个元素 2.
· //你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内· selector1 //一个有效的选择器 selector2 //另一个有效的选择器 selectorN //任意多个有效的选择器...,Malcom John Sinclair] :empty //概述 //匹配所有不包含子元素或者文本的空元素 描述 查找所有不包含子元素或者文本的空元素 HTML代码...,需要同时满足多个条件时使用· selector1 属性选择器 selector2 另一个属性选择器,用以进一步缩小范围 selectorN 任意多个属性选择器 描述 找到所有含有id属性.../从所有匹配的元素中删除全部或者指定的类· class 一个或多个要删除的CSS类名,请用空格分开 function(index,class) 此函数必须返回一个或多个空格分隔的class名,接受两个参数...· expr //字符串值·包含供匹配当前元素集合的选择器表达式· jQuery objext //现有的jQuery对象·以匹配当前的元素· element //一个用于匹配元素的DOM元素
jQuery 类选择器可以通过指定的 class 查找元素。...Runob文本的元素 $("td:empty") //不包含子元素或者文本的空元素 $("div:has(selector)") //含有选择器所匹配的元素...innerHeight() 返回元素的高度（包含 padding，不包含 border） innerWidth() 返回元素的宽度（包含 padding，不包含 border） insertAfter...inArray() 在数组中查找指定值并返回它的索引值（如果没有找到，则返回-1） $.isArray() 判断指定参数是否是一个数组 $.isEmptyObject() 检查对象是否为空（不包含任何属性...() 方法添加多个类 jQuery removeClass() 移除指定元素的类 jQuery toggleClass() 在选取的元素切换（添加/删除）类 实例解析 jQuery css() 方法
在使用jQuery时，需要注意jQuery对象和DOM对象的区别，通常对于jQuery对象，会在变量前加$，如var $variable=jQuery对象;。可以通过如下方式对两者进行转化。...通配选择器 *{} 其他选择器 伪类选择器、子选择器、临近选择器和属性选择器 那么相应的jQuery也会提供对应的选择器，并增加部分自定义的选择器用于方便操作，主要包括基本选择器、层次选择器、过滤选择器...、表单选择器等4类选择器。...jQuery选择器 示例 基本选择器 #id, .class, element 最基本的id,类,元素选择器 * 匹配所有元素, $("*") selector1,selector2,… 将每一个选择器匹配到元素合并后一起返回...选取索引等于/大于/小于index的元素 :header 选取所有标题元素 :animated 选取当前正在执行动画的元素 :contains(text) 选取含有文本内容的为text的元素 :empty 选取不包含子元素或者文本的空元素
jQuery对象内部有3个元素。 下标为0的元素表示其内部的DOM对象，即document对象。 length表示其内部DOM对象的个数，一个jQuery对象中可以包装多个DOM对象。...基本选择器 层级选择器 基本过滤选择器 内容选择器 可见性选择器 属性选择器 子元素选择器 表单选择器 2.2.1 基本选择器 jQuery中基本的选择器，常用的分别为：标签选择器、类选择器和ID选择器...[attrN] 获取同时拥有多个属性的元素 $("input[id][name$='usr']")获取同时含有id属性和属性值以usr结尾的name属性的元素 2.2.7 子元素选择器...查找方法： 语法 说明 find(expr) 搜索所有与指定表达式匹配的元素 parents([expr]) 取得一个包含所有匹配元素的祖先元素的元素集合（不包含根元素） parent([expr])...若要为匹配到的元素添加和移除多个样式类名，则样式类名之间可使用空格进行分隔。 2.8 练习作业 折叠菜单 编写网页，设置CSS完成折叠菜单的结构和样式设置。
方式获取所有div标签 var $divs=$("div"); //JS对象转化为Jquery对象,直接在变量名前加$()即可 $(divs) //Jquery对象转化为...标签选择器（元素选择器）：获得所有匹配标签名称的选择器 $(“HTML标签名”) ID选择器：获得所有与指定ID值匹配的元素 $(“#ID的属性值”) 类选择器：获得所有与指定类(class)相同的元素...$(“.class”) 并集选择器：获得多个选择器所选中的元素 $(“选择器1,选择器2,…”) 层级选择器 后代选择器：会选择A标签下所有与B标签相一致的元素（包括子辈与孙辈等等） $(“A B...”) 子选择器：会选择A标签下所有与B标签相一致的子辈元素（不包括子辈以外的元素） $(“A > B”) 属性选择器 属性名称选择器：只要包含指定属性名称都会被选择(A是标签名称) $(“A[属性名]”...) 属性选择器：选择所有包含对应属性，且属性值与规定相同的元素 $(“A[属性名=’属性值’]”) 复合属性选择器：包含多个属性选择器 $(“A[属性名1=’属性值1’][属性名2=’属性值2’]…
DOM对象与jQuery对象是两类不同的对象,所以: DOM对象不能调用jQuery的方法; jQuery对象也不能调用DOM对象的方法; 但是DOM对象和jQuery对象之间可以相互转换...$("#id名") 获取指定的ID元素 类选择器 $(".class名") 获取同一类class元素 标签选择器 $("标签名")...$("span").parentsUntil("div"); 返回介于 与 元素之间的所有祖先元素(不包含div元素). 2.jQuery遍历-后代 后代是子、孙、曾孙等等..."); 返回类名为"1"的所有元素,并且它们是的直接子元素....$("img").attr("title", "新名字"); $("img").attr("alt", "新说明"); 用attr设置多个属性: 参数是一个对象,包含所有需要设置的属性名与属性值
$或者 JQuery 是一个函数，返回值是一个 JQuery 类数组对象 (2)....原生 DOM 对象封装到JQuery 类数组对象 $(domObject) ②. JQuery 类数组对象中取出封装的 DOM 对象 $('button')[index] (7)....JQuery 对象方法的返回值一般还是当前选定的类数组对象，可以实现“链式调用” 7....内容过滤选择器 (1). :contains(txt) 文本中包含“txt”字的元素 (2). :has(selector) 包含选择器所匹配的元素的元素 (3)....该对象称为“JQuery 对象”，其类数组相关操作： (1). $(..).length 获取类数组中封装的 DOM 对象的数量 (2). $(..)
语法：$("html标签名")获得所有匹配标签名称的元素 id选择器。语法：$("#id的属性值")获得与指定id属性值匹配的元素 类选择器。...语法：$(".class的属性值")获得与指定的class属性值匹配的元素 并集选择器。语法：$("选择器1，选择器2...") 获取多个选择器选中的所有元素 （2）层级选择器 后代选择器。...语法：$("A B ")选择A元素内部的所有B元素 子选择器。语法：$("A > B")选择A元素内部的所有B子元素 （3）属性选择器 属性名称选择器。...语法：$("A[属性名]")包含指定属性的选择器 属性选择器。语法：$("A[属性名='值']")包含指定属性等于指定值的选择器 复合属性选择器。...语法：$("A[属性名='值'][]...")包含多个属性条件的选择器 （4）过滤选择器 首元素选择器。语法：:first 获得选择的元素中的第一个元素 尾元素选择器。
过滤器链（多个过滤器），资源进入通过的过滤器和返回的顺序相反。使用注解：过滤器执行的先后使用类名字符串比较（如AFilter，BFilter等）顺序执行。...使用JQuery获取元素JQuery对象（\$("#id")，\$("tag")等选择器），然后可以转换为js对象，两种对象都可以当做数组使用，方法不通用，但是前者更方便，如拥有将内容修改方法html等...选择器见图： ? ? ? ? ? 后代选择器包括了所有子代，子选择器只选择其下一代标签。选择器中标签选择器可以使用!=（不等），^=（前缀匹配），$=（后缀匹配），*=（包含匹配）等运算符。...remove方法移除元素，empty清空所有元素的子元素。 其他方法见jquery手册如clone方法。 JQuery的动画 JQuery的动画，遍历方法，事件绑定。动画使用见图片。...事件绑定：jq对象.事件方法(回调函数[去掉on的一群方法，不传入回调函数则执行自动触发对应事件])（可以使用链式编程），jq对象.on（绑定事件，传入事件名称和回调函数）.off（解绑，传入事件，不传入则解绑全部事件
选择器 基本选择器的语法：$("选择器").action(); 2.1 基本选择器 名称 语法 说明 标签选择器 element 选取指定标签名的元素 类选择器 .class 选取指定类名的元素 ID选择器...选取多种元素(里面可以是标签名，类名，id名) 全局选择器 * 选取所有元素 2.2 层次选择器 语法 说明 ancestor desscendant 后代选择器 A B partn>child 子选择器...属性名称"："属性值"，"属性名称"："属性值"}) 对多个css属性赋值 2.7 $(this).find("标签名") $(this)就是将这个dom对象转换成jquery对象，就可以对这个对象进行操作...基本操作 3.1 样式操作 方法(已声明好的外部样式类名，多个使用空格分割) 说明 addClass("样式类名") 添加样式 removeClass("样式类名") 移除样式 toggleClass(..."样式类名") 切换样式(就是添加和移除结合)可以与hover事件结合 hasClass("样式类名") 判断是否包含指定样式 3.2 内容操作 html() text() 方法名 说明 html(
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
