超链类(LINK):指包含超链接的标签类别,如〈a〉。 其他类(OTHER):指不属于以上5种类别的标签类型。...使用选择器获取某个元素 使用jQuery对象的方法操作元素。...示例: 利用js的DOM修改颜色,使用jQuery对象修改文本内容 点击变颜色·变文字 jquery-3.4.1.min.js">...; // jQuery对象 }); }); 点击后: DOM样式添加 宫廷玉叶酒 一百八一杯...; } 未添加效果: 添加效果: html()与text()区别 触发后: 触发事件
// jQuery // 选择 .box 并将文本颜色更改为 #000 $(".box").css("color", "#000"); // JavaScript // 选择第一个 .box 并将文本颜色更改为...// jQuery $(document).ready(function() { /* 在 DOM 完全加载后执行操作 */ }); // JavaScript // 定义一个方便的方法并使用它...*/ }); 切换元素类名 通过 classList 属性,您可以方便地在 JavaScript 中添加、删除或切换类名。...检查元素是否具有指定类 如果您只想在元素具有某个类时执行某些操作,可以使用 .classList.contains() 来代替 jQuery 的 .hasClass(): // 使用 jQuery if...DOM 中添加新元素,可以使用 textContent 属性来读取或更新文本内容: // 使用 jQuery $(".button").text("新文本"); $(".button").text()
(function(){}) window.onload是在页面所有的元素都加载完成后才触发 (function(){})是在页面的dom结构加载完毕后就触发 dom里的内容不一定都已经加载完成 28...常用dom操作的实现: 在指定元素后面添加元素(外部)after() 在指定元素前面添加元素(外部)before() 在指定元素内部追加元素(内部)append() 将新元素添加到指定元素的首部...匹配class类名不是num的p $(“p:not(.num)”) 33、next()是什么意思?...0.建立xhr对象,未调用open 1.建立了链接未发送数据,未调用send 2.发送数据,但数据未解析 3.服务器开始解析数据 4.数据解析完成,前端可以获取解析之后的数据 52、ajax的状态码200...jQuery.noConflict() jQuery 使用 noConflict 方法来放弃 调用时的命名,之后由 jQuery 代替 进行编写 54、如何用jQuery获取元素在文档中的位置?
Hosts,更改完需要刷新DNS才会生效,保存为.bat文件 @echo off ipconfig /flushdns pause 新建文章: 打开后输入文章名即可新建文章,将D:\Hexo\Hexo更改为自己的博客根目录即可...这里会看到你刚刚添加的所有图标 接下来就是为你的图标创建一个项目,名称随意。创建完成后你将看到如下页面 3....查看链接 点击链接会看到一些 css 代码。将鼠标下拉会看到刚才你添加的样式。...; overflow: hidden; } ### 开始使用 iconfont 上述步骤全部完成后,那么接下来可以使用小图标了。...颜色设置同理. ### 其他修改 不管是什么主题,不管是什么样式。只要你想使用阿里的图标,必须改变其标签的字体为 `iconfont`, 接下来可以用伪类方式,也可以使用 class 方式。
本题需要在已提供的基础项目中使用 JS/jQuery 等知识完善代码,最终实现该功能。...#lift:设置侧边栏的样式,包括宽度、高度、背景颜色、固定位置、居中显示和使用 Flexbox 布局。 #lift a:设置侧边栏链接的样式,包括宽度、高度、居中显示和去除下划线。....default-color 和 .active-color:分别设置链接的默认颜色和激活颜色。...,添加 active-color 类,同时移除其他链接的 active-color 类,实现链接文字颜色的切换。...根据索引找到对应的链接,添加 active-color 类,同时移除其他链接的 active-color 类,实现链接文字颜色的切换。 测试结果
1、返回顶部按钮 通过使用jQuery中的animate 和scrollTop 方法,不用插件就可以创建一个滚动到顶部的简单动画: // Back to top $('.top').click(function...-- Create an anchor tag --> Back to top 改变scrollTop 的值可以更改你想要放置滚动条的位置。...5、悬停切换类 假设你希望当用户将鼠标悬停在可点击的元素上时,它会改变颜色。...那么你可以在用户悬停的时候添加类到元素中,反之则删除类: $('.btn').hover(function () { $(this).addClass('hover'); }, function ()...12、通过文本查找元素 通过使用jQuery中的contains() 选择器,你可以找到元素内容的文本。
/jquery-1.11.3.min.js"> //改变全部链接颜色 function changeAllHovertree(color) { if (color =...$(this).css("color", color) }).on("mouseleave", function () { $(this).css("color", "") }) } //改变指定链接颜色...,未访问的链接为蓝色,访问过的链接为黑色,鼠标经过时链接为绿色,改变颜色后鼠标经过为红色 或者设置的颜色。...链接鼠标经过的颜色" onclick="changeHovertree('')" /> jQuery 颜色为粉色" onclick="changeHovertree('bhovertree
这是为了防⽌⽂档在完全加载(就绪)之前运⾏ jQuery 代码,即在⽂档加载完成后才可以对⻚⾯进⾏操作。...为元素添加一个或多个类,通常用于动态控制样式的应用。...removeClass(): 移除元素的一个或多个类,通常与addClass()配合使用,用于动态样式切换。...元素上移除 toggleClass(): 切换元素的类,即如果元素已经有该类,则移除;如果没有,则添加。...$("#elementId").toggleClass("activeClass"); // 如果 #elementId 元素当前有 "activeClass" 类,则移除它,否则添加它 事件处理拓展
jQuery插件 不同的使用场景 移动设备优先 Bootstrap3 IE9以及以上 某些功能性的组件依赖于jQuery Bootstarp下载地址 // 官方地址 getbootstrap.com...按钮 // btn //样式: btn-default btn-primary btn-success // btn-info btn-warning btn-danger btn-link //更改大小....text-danger 背景颜色 .bg-primary .bg-success .bg-info .bg-warning .bg-danger 状态设置 .close 关闭按钮 三角符号 ....下拉菜单 控件组 .input-group 表示控件组 .input-group-addon 添加控件组的图标 分页 .pagination ,pagination-lg/sm .active....alert-success .alert-info .alert-warning .alert-danger .alert-dismissible 可以关闭 .alert-link 弹出框中的链接
jquery.extend 为jquery类添加类方法,可以理解为添加静态方法 jquery.fn.extend: 源码中jquery.fn = jquery.prototype,所以对jquery.fn...的扩展,就是为jquery类添加成员函数 使用:jquery.extend扩展,需要通过jquery类来调用,而jquery.fn.extend扩展,所有jquery实例都可以直接调用。...,发送 build 消息给客户端 客户端获取到hash,成功后客户端构造hot-update.js script链接,然后插入主文档 hot-update.js 插入成功后,执行hotAPI 的 createRecord...401——请求未经授权,这个状态代码必须和WWW-Authenticate报头域一起使用 HTTP 401.1 - 未授权:登录失败 HTTP 401.2 - 未授权:服务器配置问题导致登录失败...HTTP 502 - 网关错误 HTTP 503:由于超载或停机维护,服务器目前无法使用,一段时间后可能恢复正常 64.
比如:全屏滑动案例 下面我们就介绍一下jQuery的fullPage.js的如何使用及常用的配置。...2. fullpage.js的使用 2.1 兼容性 fullpage.js是jQuery的插件,需要依赖jQuery,要求jQuery最低的版本是1.6+。浏览器能兼容到ie8+及其他现代浏览器。...,如果设置了options中css3: false*,如果你用除了jQuery的默认linear 和swing缓动的效果之外的缓动效果的话,需要添加 jQuery UI library。...函数 无 设置背景颜色 anchors 数组 无 定义锚链接 scrollingSpeed 整数 700 滚动速度,单位为毫秒 easing 字符串 easeInQuart 滚动动画方式 menu 布尔值...配合fullpage的onLeave事件,可以实现在上一屏离开的时候,给下一屏添加动画样式类,并把上一屏的动画样式类去掉。动画样式类可以提前记录在一个数组中或者是放到动画元素的自定义属性中。
内容美化类:按钮 只需要给 、 和 元素添加按钮类即可使用Bootstrap提供的样式。...默认的按钮样式类:btn btn-default 按钮颜色 为按钮添加不同的颜色只是一种视觉上的信息表达方式,但是,对于使用辅助技术 -- 例如屏幕阅读器 -- 的用户来说,颜色是不可见的。...Bootstrap除了默认按钮样式外预定义的按钮颜色有五种及一个链接样式。...在链接元素( )中,可以为基于 元素创建的按钮添加 .active 类。 禁用状态 通过给按钮的背景设置相关属性呈现出无法点击的效果。...作为工具类使用,不需要增加前缀,但是这一属性并没有被完全标准化,即链接的原始功能不受影响,建议通过 JavaScript 代码来禁止链接的原始功能。
####修改已有样式规则的声明 1、在需要更改的原有样式上双击,修改样式规则,并按 Enter 键。 给元素添加CSS类 1、在 styles 选项卡中点击 .cls 。...使用键盘快捷键更改声明值 编辑声明的值时,可以使用以下键盘快捷键将值递增固定量: Up 将值更改为1,如果当前值介于-1和1之间,则更改0.1。...使用Coverage选项卡查看已使用和未使用的CSS 1、按下Command+ Shift+ P(Mac)或 Control+ Shift+ P(Windows,Linux,Chrome OS),而DevTools...页面重新加载,Coverage选项卡提供浏览器加载的每个文件使用多少CSS(和JavaScript)的概述。绿色代表使用CSS。红色表示未使用的CSS。...要将所选颜色更改为页面上的其他颜色: 1、将鼠标悬停在视口中的目标颜色上。 2、点击确认。
比如我们将页面上所有链接颜色转成红色,则可以这样写这个插件: $.fn.myPlugin = function() { //在这里面,this指的是用jQuery选中的元素 //example...现在就可以去页面试试我们的代码了,在页面上放几个链接,调用插件后链接字体变成红色。...更改后我们的插件代码为: $.fn.myPlugin = function() { //在这里面,this指的是用jQuery选中的元素 this.css('color', 'red')...比如现在我们不想让链接只变成红色,我们让插件的使用者自己定义显示什么颜色,要做到这一点很方便,只需要使用者在调用的时候传入一个参数即可。同时我们在插件的代码里面接收。...,然后在插件里实例化后即可调用新添加的东西。
这个URL是CDN(内容分发⽹络)服务提供商为jQuery库 提供的⼀个统⼀资源定位符 3:下载说明 以下链接是jQuery的官网,根据版本需要进行下载 jQuery CDN 下载注意事项:复制下载链接...,另存为,保存放在自己的项目中,使用外网的JQuery响应会比较慢,网络传输影响较大 4:版本说明 Jquery官⽅共提供了4种类型的JQuery库 uncompressed : ⾮压缩版本...使用 三:JQuery语法 JQuery 的代码通常都写在 document ready 函数中 这是为了防⽌⽂档在完全加载(就绪)之前运⾏ jQuery 代码,即在 ⽂档加载完成后才可以对 ⻚⾯...attr() ⽅法⽤于获取属性值 如果attr中只有key就是取值;有key,有value就是赋值 注:attr(attribute) 1:取值 2:赋值 举例①更改链接 举例...就会报错 2:修改属性 给两个参数就可以修改属性 (1)修改字体大小 (2)修改字体颜色 3:添加元素 (1)append和prepend 注:都是放到了标签内部进行追加 (2)after
此外,jQuery还拥有各种插件,以帮助开发者在最短时间内快速创建网站/网页。 1)禁用右键单击功能 如果你想为用户节省网站信息,那么开发者可以使用这段代码——禁用右键单击功能。...; //delete the default context menu return false; }); }); 2)使用jQuery设定文本大小 使用这段代码,用户可根据需求重新设定文本尺寸...使用这段代码会帮助用户在新窗口打开链接,为用户带来更好的用户体验。...使用这段代码帮助你更改样式列表。...; } return true; }); 11、均衡元素的高度 使用纯 CSS代码实现均衡元素的高度比较困难,而下面这段 jQuery 代码会根据最高的元素来均衡所有的 Div 元素
例如,在链接元素() 上使用btn类,它将看起来像一个按钮,使用btn-primary可以把链接显示成暗蓝色按钮。...我们将使用它展示如何对其默认设计进行一些更改: 从这个按钮上删除圆角 改变填充量 调整字体大小 改变背景颜色 让我们使用开发工具来检查这个按钮。...我们将使用Chrome,如图5.2所示,但是您可以使用任何类似的工具,比如Firefox中的Firebug。填充、字体大小和边界半径等属性来自btn类,而属性背景则应用于类btn-primary。...注意,我们使用了Bootstrap类btn和btn - primary来覆盖CSS样式。从此以后,每当您使用Bootstrap的按钮组件时,它将会有一个类似于上图的更改样式。...如果您想要更改web页面中仅一个特定按钮的样式,而不是针对Bootstrap的选择器,请使用ID来应用CSS更改。
4.ECMAScript核心——JavaScript面向对象编程 Java是面向对象,写Java程序,写类和对象。JavaScript是基于对象,写Js,不用创建类,使用Js内部已经定义好的对象。...问题:HTML 元素添加事件, 与JS添加事件是否可以完全等价? 在实际开发中,如果传参数,使用HTML元素绑定事件,如果不传参数,使用JS绑定事件。传参数也可以使用与JS绑定事件【使用匿名函数】。...,超链接用户点击后,取消了不发生跳转。...Ajax引擎需要更新页面,绑定一个回调函数 xmlHttp.onreadystatechange = function(){ // 第五步,响应返回后执行 // 状态依次 是 0 - 4 // 0 未初始化...类库 ,支持javabean map list array转换json格式字符串, 支持将json字符串转换javabean对象(反过来只支持这一种,使用很少) 在使用JSON-lib时必须导入至少
---- 优秀插件 emmet:html,css代码补全 html5:html5语法 Alignment:代码对齐 ColorHighlighter:颜色高亮 jQuery:jQuery...举个栗子:快速选中并更改所有相同的变量名、函数名等。 • Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样。...• Ctrl+Alt+↑ 向上添加多行光标,可同时编辑多行。 • Ctrl+Alt+↓ 向下添加多行光标,可同时编辑多行。 编辑类 • Ctrl+J 合并选中的多行代码为一行。...• F6 单词检测拼写 搜索类 • Ctrl+F 打开底部搜索框,查找关键字。...• Ctrl+shift+F 在文件夹内查找,与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找,略高端,未研究。 • Ctrl+P 打开搜索框。