CSS中的类选择器 类选择器作用: 根据类名找到标签 格式: .类名{ } 代码: 提问:这里有三个标签,我想老大标签使用之后,老二不允许使用,其它都不允许使用,那么又该肿么办呢?...2.5.4.CSS中的id选择器 id选择器作用: 根据id名找到标签 格式: #id名{ } 代码: Id选择器和类选择器的区别: Id选择器中的id不能重复,也就是说id是唯一的 类选择器的class...名称可以重复使用,当然class名称也是可以每一个标签单独取一个来进行设置 【开发小结】:标签选择器、id选择器、类选择器统称为css的三大基本选择器,可以说虽然css虽然有很多选择器,但是你掌握这三个...2.6.0.CSS中的属性选择器 2.6.1.CSS选择器-伪类 伪类 在原有选择器的基础上添加的 伪类 只有在触发某些操作的时候执行的样式效果 2.6.2.CSS选择器的优先级 原则: 相同类型的选择器...操作类 1)添加类 - 添加一个类 addClass(class)给某个元素添加一个 CSS 类 $('div').addClass('myClass1'); 代码: 注意:类名没有”点” -添加多个类
1.什么是jQuery? 1.1 jQuery介绍 jQuery是一个轻型、快速的、小巧的功能丰富的JavaScript类库。本质就是一堆js的函数的组合。...jquery.min.js:压缩版本,去除了注释、换行、空格、并且将一些变量替换成了a,b,c之类的简单字符,基本没有可读性,推荐在项目生产环境使用,因为文件较小,减少网络压力。...强大的CSS选择器没有用武之地。...这里简单说一点: jQuery包装对象本身是一个伪数组,选择器返回的所有的DOM元素都会存在jQuery的包装对象中,并且还有很多其他的jQuery特有的api。...ul下的所有li元素,包括孙子等 3.6 过滤选择器 过滤选择器都带冒号 语法 用法 描述 :first $('li:first'); 获取第一个元素 :last $('li:last'); 获取最后个元素
1.1 jQuery介绍 jQuery是一个轻型、快速的、小巧的功能丰富的JavaScript类库。本质就是一堆js的函数的组合。...jquery.min.js:压缩版本,去除了注释、换行、空格、并且将一些变量替换成了a,b,c之类的简单字符,基本没有可读性,推荐在项目生产环境使用,因为文件较小,减少网络压力。...强大的CSS选择器没有用武之地。...这里简单说一点: jQuery包装对象本身是一个伪数组,选择器返回的所有的DOM元素都会存在jQuery的包装对象中,并且还有很多其他的jQuery特有的api。...ul下的所有li元素,包括孙子等 3.6 过滤选择器 过滤选择器都带冒号 语法 用法 描述 :first $('li:first'); 获取第一个元素 :last $('li:last'); 获取最后个元素
2.1、一些规则 CSS解析引擎将自右向左计算每一条规则,它从关键选择器开始,自右向左计算每一个选择器,直到发现一个匹配的选择器,如果没有找到匹配的选择器则放弃查找。 使用较低层的规则通常更有效率。...到目前为止,无论使用哪一种浏览器,使用ID选择器和当个类选择器都是选中元素最快的方式。 2.2、避免多个ID选择符 Id选择符应该是唯一的,所以没有必要添加额外的选择符。...,既可以将一个上下文参数传入jQuery,以限制它只搜索DOM中特定的一部分。...最后,我记录这篇文章的目的是提高jQuery的性能和其他一些好的建议。...12、不使用jQuery 原生函数总是最快的,这点不难理解,在代码书写中我们不应该忘记原生JS。 就先总结这几条吧,每条建议并不难理解,但总结全面的话还是要花费不少时间的。
jQuery Usage jQuery 作为一个单独存在的 js 文件,并不会与其他的 js 文件发生冲突 ...b = jqObject.get(0); 选择器 基本选择器 基本选择器包括标签选择器、类选择器、ID选择器、并集选择器、交集选择器和全局选择器。.../jquery-3.4.1.min.js"> // 标签选择器,获得所有的 p $("p").css("color","red"); // 类选择器....text(); alert(x); }); find(选择器) 方法返回被选元素的后代元素,一路向下直到最后一个后代 测试...first() 过滤第一个元素 last() 过滤最后一个元素 eq(index) 过滤到下标为 index 的元素 not() 除了什么之外的元素 is() 返回布尔,判断是不是这种元素 <button
(1)所有的变量使用var来定义,是弱类型变量,不代表没有类型,变量本身还是有类型的。【var a=10,var b=1.5;他们分别为整数以及浮点数类型】 (2)每行结尾分号可有可无,建议编写。...){ return this.age; } alert(obj.getAge()); JavaScript中的对象是通过 new function创建的,在Js中function等同于一个类结构 //...1.8.3.js jQuery框架源码,没有被精简,体积较大 (主要用来研究 jQuery源码),企业开发时,需要导入 jquery-1.8.3.min.js (精简过) 1.jQuery程序快速入门...:first 选取第一个元素 $("tr:first") :last 选取最后一个元素 $("tr:last") :not(selector) 去除所有与给定选择器匹配的元素 $("input... 选取第一个子元素 :last-child 选取最后一个子元素 :only-child 选取唯一子元素,它的父元素只有它这一个子元素 练习7: ² 选择id属性mytable 下3的倍数行,字体颜色为红色
丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定...基本筛选器(选择之后进行过滤): :first // 第一个 :last // 最后一个 :eq(index)// 索引等于index的那个元素 :even // 匹配所有索引值为偶数的元素,从 0...$("li:not(.c1)")// 找到所有不包含c1样式类的li标签 $("li:not(:has(a))")// 找到所有后代中不含a标签的li标签 练习(先看一个jQuery的click....last() // 获取匹配的最后一个元素 .not() // 从匹配元素的集合中删除与指定表达式匹配的元素 .has() // 保留包含特定后代的元素,去掉那些不含有指定后代的元素。...jQuery中则没有这个问题。
最后接收文件后,会返回给前端一个json数据,前端插件接收到返回的JSON数据才会确定是否上传文件成功,bootstrap Fileinput才会先Done状态。...;就是指上传一个文件成功后就会调用该方法;所以我将异步更新上传文件列表的代码放在这个回调事件中。...,保存在一个列表中(list),每行作为一个元素。...然后实例化一个Paginator对象,并且在实例化中传入一个需要分页的对象列表,以及一页包含多少个数据。再从接收前端传送过来的页码,取特定页码的数据,再传回前端。...readlines():读取整个文件所有行,保存在一个列表中,每行作为一个元素 3、Paginator对象操作: 实例化对象: book_list = [1,2,3,4,5,6,7,8] book_content
jQuery 是一个写的更少,但做的更多的轻量级 JavaScript 库 JQuery 常用选择器 ID选择器: 通过使用简单的$(#id)标识前缀,实现快速匹配指定ID的元素对象,具体用法如下....".outer + p").css("color","red"); //匹配所有.outer类中,第一个p标签相邻的元素....,last()筛选出所有标签中的最后一个标签....var data = $("li:last").text(); //找出最后一个标签的标签内容 document.write("最后一个标签内容是:"... hasclass(): 检测li中的是否含有某个特定的类,有的话返回true <ul
事件委托 动画效果 jQuery jQuery封装了JS代码,使JS的编写更加简单,类似python的模块,在前端中叫“类库”,同时也兼容多个浏览器,提供了更多的功能,写的更少,功能却更多(write...前面总结了JS相关知识的文章,对元素进行添加,修改,获取···操作很繁琐,代码多,但是jQuery 库可以通过一行简单的标记被添加到网页中 jQuery 内容 选择器 筛选器 样式操作 文本操作 属性操作...文档处理 事件 动画效果 插件 each、data、Ajax jQuery语法 $符号事jQuery中的重要标识 //在JS中可以通过获取先获取标签,然后去使用对应的方法,在jQuery中一样,...='text']");// 取到类型不是text的input标签 基本筛选器 可以对选择器获取到的元素进一步筛选 方法 说明 :first 第一个 :last 最后一个 :eq(index) 索引等于...() 获取匹配的第一个元素 last() 获取匹配的最后一个元素 not() 从匹配元素的集合中删除与指定表达式匹配的元素 has() 保留包含特定后代的元素,去掉那些不含有指定后代的元素。
案例 全选和全不选 QQ表情选择 多选下拉框左右移动 jQuery概念 一个JavaScript框架。简化JS开发。...体积大一些 jquery-xxx.min.js:生产版本。程序中使用,没有缩进。体积小一些。...’]”) 包含指定属性等于指定值的选择器 复合属性选择器 语法: $(“A[属性名=‘值’][]…”) 包含多个属性条件的选择器 过滤选择器 首元素选择器 语法: :first 获得选择的元素中的第一个元素...尾元素选择器 语法: :last 获得选择的元素中的最后一个元素 非元素选择器 语法: :not(selector) 不包括指定内容的元素 偶数选择器 语法: :even 偶数,从 0 开始计数 奇数选择器.../js/jquery-3.3.1.min.js"> //分析:需要保证下边的选中状态和第一个复选框的选中状态一致即可 function
# JQuery是一个JavaScript函数库 # JQuery是一个轻量级的"写的少,做的多"的JavaScript库.可以通过一行简单的标记被添加到网页中....值得庆幸的是使用这些浏览器的人也逐步减少,PC端用户已经逐步被移动端用户所取代,如果没有特殊要求的话,一般都会选择放弃对678的支持* JQuery对象 jQuery对象就是通过jQuery包装DOM...基本选择器 id选择器: $("#id") 标签选择器 $("tagName") Class选择器 $(".className") 配合使用 $("div.c1") // 找到c1 class类的div...类名,如果有就移除,如果没有就添加. slider(拖动条) <!...bug,在3.x版本的jQuery中则没有这个问题。
一、使用JQ完成首页的定时广告弹出 1.需求分析 在首页中(logo的上方)显示一个广告图片(页面加载后,间隔3秒弹出广告图片,再间隔3秒后隐藏广告图片)。【使用jQuery实现】 ?...2.技术分析 2.1 jquery相关的知识 什么是jquery ? Jquery它是javascript的一个轻量级框架,对javascript进行封装,它提供了很多方便的选择器。...页面加载函数是最后一个生效, 它会覆盖之前的。...div元素"/> <input type="button" id="btn3" value...事件),在绑定的函数里面获取用户选择的省份 第二步:创建二维数组来存储省份和城市 第三步:遍历二维数组中的省份(与用户选择的省份进行比较)【使用JQ的遍历操作】 第四步:接着遍历数组中的城市 第五步:创建一个城市文本节点
大家好,又见面了,我是全栈君 前言 Jquery一个js相框(程序代码相结合)这是一个程序开发过程中的半成品;分类似该框架EXTJS。...依赖库:jquery-XXX.js 语法:$() 正文 5择器 id选择器 $(“#id值”) 样例:$(#span1).css(“color”,”red”); 标签选择器 $(“标签名称”) Class...:has(selector)返回值:Array匹配含有选择器所匹配的元素的元素一个用于筛选的选择器演示样例描写叙述:给全部包括 p 元素的 div 元素加入一个 text 类HTML...而此选择符将为每一个父元素匹配一个子元素 演示样例描写叙述:在每一个 ul 中查找第一个 li HTML 代码: John Karl...‘:last’仅仅匹配一个元素,而此选择符将为每一个父元素匹配一个子元素 演示样例描写叙述:在每一个 ul 中查找最后一个 li HTML 代码: John
语法:$(js对象)---->jQuery对象 一般地,我们习惯在Jquery对象的变量前面写上$,表示这是JQuery对象 选择器 Jquery提供了九个选择器给我们用来定位HTML控件.....目的:通过九类选择器,能定位web页面(HTML/JSP/XML)中的任何标签 (1)基本选择器 直接定位id、类修修饰器、标签 (2)层次选择器 有父子,兄弟关系的标签 (3)增强基本选择器 大于、小于...Jquery关于DOM的API 前面使用Jquery的选择器来获取到了HTML标签,单纯得到标签是没有用的。...最后一个是对表单的数据进行封装,将表单的数据封装成JSON格式 `load()` 首先,我们来使用一下load()这个方法吧。在文档中对它的解释是这样子的。 ?...于是乎,Jquery也提供了serialize()这么一个方法,给我们自动把表单中的数据封装成JSON格式的数据 使用之前要注意的是: 为每个jQuery对象设置一个name属性,因为name属性会被认为请求参数名
.js jQuery框架源码,没有被精简,体积较大 (主要用来研究 jQuery源码),企业开发时,需要导入 jquery-1.8.3.min.js (精简过) 1.jQuery程序快速入门 window.onload..., 在 jQuery 中, 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器 jQuery(expression, [context]) 在核心函数jQuery中传入表达式,对页面中元素进行选择...③:基本过滤选择器 :first 选取第一个元素 $("tr:first") :last 选取最后一个元素 $("tr:last") :not(selector) 去除所有与给定选择器匹配的元素 $("...² 设置含有文本内容 ”传智播客” 的 div 的字体颜色为红色 ² 设置没有子元素的div元素 文本内容 ”这是一个空DIV“ ² 设置包含p元素 的 div 背景色为黄色 ² 设置所有含有子元素的...区别 eq :first-child 选取第一个子元素 :last-child 选取最后一个子元素 :only-child 选取唯一子元素,它的父元素只有它这一个子元素 练习7: ² 选择id属性mytable
点击:API文档下载 Jquery介绍 1.什么是JQuery ? jQuery,顾名思义,也就是JavaScript和查询(Query),它就是辅助JavaScript开发的js类库。...原生绑定的单击事件"); } } //使用Jquery给一个按钮绑定单击事件,Jquery中的$()代替window.onload...$("#btn10").click(function(){ $(":animated").css("background", "#bbffaa"); }); //11.选择没有执行动画的最后一个...[attribute=value] 匹配给定的属性是某个特定值的元素 [attribute!=value] 匹配所有不含有指定的属性,或者属性不等于特定值的元素。...type="button" value="last()选择最后一个 div 元素" id="btn3" /> <input type="button" value="filter()在div中<em>选择</em>索引为偶数<em>的</em>
丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定...值得庆幸的是使用这些浏览器的人也逐步减少,PC端用户已经逐步被移动端用户所取代,如果没有特殊要求的话,一般都会选择放弃对678的支持。...补充: .first()// 获取匹配的第一个元素 .last()// 获取匹配的最后一个元素 .not()// 从匹配元素的集合中删除与指定表达式匹配的元素 .has()// 保留包含特定后代的元素,...removeClass();// 移除指定的CSS类名。 hasClass();// 判断样式存不存在 toggleClass();// 切换CSS类名,如果有就移除,如果没有就添加。...,在3.x版本的jQuery中则没有这个问题。
丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定...值得庆幸的是使用这些浏览器的人也逐步减少,PC端用户已经逐步被移动端用户所取代,如果没有特殊要求的话,一般都会选择放弃对678的支持。...补充 .first()// 获取匹配的第一个元素 .last()// 获取匹配的最后一个元素 .not()// 从匹配元素的集合中删除与指定表达式匹配的元素 .has()// 保留包含特定后代的元素,去掉那些不含有指定后代的元素...removeClass();// 移除指定的CSS类名。 hasClass();// 判断样式存不存在 toggleClass();// 切换CSS类名,如果有就移除,如果没有就添加。...bug,在3.x 版本的 jQuery 中则没有这个问题。
jQuery就是一个js的库· 主要分为两部分: 1·寻找元素 (选择器,筛选器) 2·操作元素 (CSS的操作,属性的操作...=value] //概述 //匹配所有不含有指定的属性,或者属性不等于特定的值· //次选择器等价于:not([attr=value])要匹配含有特定属性但不等于特定值的元素,请使用[attr]:not...参数class描述 删除匹配元素的所有类 jQuery代码 $("p").removeClass(); 回调函数描述: 删除最后一个元素上与前面重复的class jQuery代码 $("li:last...参数class描述 删除匹配元素的所有类 jQuery代码 $("p").removeClass(); 回调函数的描述 删除最后一个元素上与前面重复的class jQuery代码 $("...(index,class,wsitch)[,switch] 1·用来返回在匹配的元素集合中的每一个元素上用来切换的样式类名的一个函数·接收元素的索引位置和元素旧的样式类作为参数· 2·一个用来判断样式类添加还是移除的
领取专属 10元无门槛券
手把手带您无忧上云