文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端架构师之01_JQuery

跨浏览器，支持的浏览器包括IE6~IE11和Chrome等。 实现了JavaScript脚本和HTML代码的分离，便于后期编辑和维护。 插件丰富，可以通过插件扩展更多功能。...-- 方式2：通过CDN(内容分发网络)引入jQuery --> jquery.com/jquery-1.12.4.min.js">...2 元素操作 2.1 jQuery对象 jQuery对象：是对DOM对象的一层包装。 作用：是通过自身提供的一系列快捷功能来简化DOM操作的复杂度，提高程序的开发效率。...选择器 功能描述 示例 :contains(text) 获取内容包含text文本的元素 $("li:contains('js')")获取内容中含“js”的元素 :empty 获取内容为空的元素...通过“$.fn.方法名”的方式将封装的功能方法对每一个jQuery实例都有效，成为jQuery的插件。

6800
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    JQuery选择器

    jQuery选择器 jQuery的基本用法 jQuery.js”> 引用Jquery的两种方式 jQuery常用的事件： load：当文档加载时运行脚本 blur：当窗口失去焦点时运行脚本 focus：当窗口获得焦点时运行脚本...change：当元素改变时运行脚本 submit：当提交表单时运行脚本 keydown：当按下按键时运行脚本 keypress：当按下并松开按键时运行脚本 keyup：当松开按键时运行脚本...() – 通过调整高度来滑动隐藏被选元素 (selector).fadeIn() – 逐渐改变被选元素的不透明度，从隐藏到可见 (selector).fadeOut() – 逐渐改变被选元素的不透明度，...).before() – 在被选元素之前插入内容 (selector).remove() – 删除被选元素（及其子元素） (selector).empty() – 从被选元素中删除子元素 (selector

    7.4K10

    Python全栈之jQuery笔记

    jQuery的优点: 1. 隐式遍历,不需要使用for循环; 2. 找对象比较容易,非常灵活; 3. 处理兼容性问题比较好; 4....插件简介(不作展开): 1.1 jQuery常用插件: 插件: jQuery不可能包含所有的功能,我们可以通过插件来扩展jQuery的功能 jQuery有着丰富的插件,使用这些插件能给jQuery...提供一些额外的功能. 1.1.1jQuery.color.js animate不支持颜色的渐变,但使用jQuery.color.js后就可以支持....教程 基本使用: 1.引入jQueryUI的样式文件 2.引入jQuery 3.引入jQueryUI的JS文件 4.使用jQueryUI功能 使用jQuery.ui.js...这些工作是重复乏味的,为了优化开发流程,提高工作效率,前端自动化工具就出现了,自动化工具可以通过配置,自动完成这些工作.

    5.5K40

    百一测评网站切屏检测绕过

    众所周知，js是一种较常用的Web页面开发脚本语言，功能一般是为web页面添加用户与页面的交互行为，介质是通过浏览器。...这里要涉及到的是js的响应浏览器事件的功能，之前我的一篇写pjax和ajax的文章的时候提到过pjax和ajax加载事件，用到的就是大名鼎鼎的jQuery框架中的方法。...浏览器检测焦点用到的也是jQuery框架中的blur()和focus()方法，具体用法可以参考：https://www.runoob.com/jquery/event-blur.html 好了，科普就到这里...可以看到是引入了jQuery框架，但是还不确定是不是调用了blur()方法来检测焦点，如果不是那么有可能是重新定义的方法名。但是这里用了这么多js，我们怎么才能找出用来监听焦点的js文件呢。...我们在configMap.leaveInterval循环里面添加一个console.log(configMap)来输出我们修改后的configMap对象 Ctrl+S保存，if循环自动执行输出configMap

    3.6K30

    前端入门6-JavaScript客户端api&jQuery

    正文-JavaScript-客户端API & jQuery JavaScript 是用来丰富网站的内容的，让网站支持各种交互行为功能等等。...location Location 对象提供了细粒度的文档地址信息，也支持导航到其他文档上。当打开新文档在 URL 中有携带了一些信息时，可以通过这个来获取这些信息。...，其实也就是表示文档当前所显示的窗口对象，所以一些窗口性的功能都可以通过这个对象来调用。...jQuery 为什么使用 jQuery 类似于 JVM 隐藏了不同操作系统之间的差异，让开发能够更专注于功能的实现，而不必花费过多时间适配不同操作系统。...举个例子：float 属性 原生 js 的话，ie 需要通过 styleFloat 获取对象修改，W3C 标准为 cssFloat，jQuery 统一封装成 float，内部会自动根据不同浏览器的实现进行处理

    6.1K40

    【前端基础篇】JavaScript之jQuery介绍

    我们可以使⽤JQuery来操作⻚⾯对象. jQuery是⼀个快速、简洁且功能丰富的JavaScript框架, 于2006年发布.....min.js"> 参考地址：jQuery CDN Jquery官⽅共提供了4种类型的JQuery库： uncompressed : ⾮压缩版本(易读, 但是⽂件较⼤, 传输速度慢.../scr jQuery语法 jQuery 语法是通过选取 HTML 元素, 并对选取的元素执⾏某些操作 基础语法： $(selector).action() $() 是⼀个函数, 它是 jQuery...”)所有 type=“text” 的 元素$(“:checkbox”)所有 type=“checkbox” 的 元素 jQuery事件 JS要构建动态⻚⾯,就需要感知到⽤⼾的⾏为....其他拓展内容 除了这些基本功能外，jQuery还提供了一些高级功能，例如： animate(): 用于制作复杂动画。

    9910

    2019年底前的web前端面试题初级-web标准应付HR大多面试问题

    用于对多个~元素进行组合 nav 用于定义页面上的导航链接部分 mark 用于定义高亮文本 time 用于显示被标注的内容是日期或是时间 meter用于表示一个已知最大值和最小值的计数器...属性： placeholder 简短的提示信息 autocomplete 快速输入，一般浏览器提供了自动补全的功能选择 autofocus 当浏览器打开这个页面时，这个表单控件会自动获取焦点 list...，js中的所有对象都是继承自object对象的。...右键菜单 input事件 onblur元素失去焦点 onfocus元素获得焦点 onchange内容发生改变 onkeydown按键按下 onkeypress按键按下并释放 onkeyup按键释放...它是通过封装原生的JavaScript函数得到一整套定义好的方法。 jQuery选择器： 基本选择器：id选择器，class选择器，标记选择器，*选择器 属性选择器。

    2.4K50

    一个合格的初级前端工程师需要掌握的模块笔记

    type：通过定义不同的type类型，input的功能有所不同。...，一级子元素原则器只选择第一级子元素，不会再向下查找元素 id选择器：通过id查找页面中唯一的标签 class选择器:通过特定的class（类）来查找页面中对应的标签，以 .class名称 伪类选择器...URL 输入框 HTML5 input新增属性 placeholder 主要用在文本框，规定可描述输入字段预期值的简短的提示信息 autocomplete 为了完成表单的快速输入，一般浏览器提供了自动补全的功能选择...HTTP GET 请求载入信息 $.post() 通过远程 HTTP POST 请求载入信息 $.getJSON() 通过 HTTP GET 请求载入 JSON 数据 工作原理 AJAX = 异步...webpack支持CommonJS、AMD和ES6模块系统，并且兼容多种JS书写规范，可以处理模块间的依赖关系，所以具有更强大的JS模块化的功能，它能压缩图片，对CSS、js文件进行语法检查、压缩、编译打包

    3.7K10

    Web前端基础（06）

    /height 获取屏幕的分辨率 navigator 帮助/导航 navigator.userAgent 获取浏览器的版本信息 ###事件 什么是事件: 系统给提供的一些特定时间点, 事件包括:鼠标事件...) 事件属性绑定 动态绑定(通过js代码给元素后期添加事件) 事件传递(事件冒泡): 如果某一个位置有多个元素的事件需要响应,响应顺序是从最底层往上层传递(类似气泡),所以也称为事件冒泡 ###...DOM相关内容在jQuery框架中基本实现了全覆盖,所以只需要掌握jQuery框架的使用方式即可 ###jQuery框架 这是一个通过js语言所写的框架,对原生js语言进行封装,作用:提高开发效率...jQuery框架就是一个普通的js文件,通过外部引入方式 把该文件引入即可...."> // jQuery中的动态绑定事件的方式 $("#b1").click(function(){ //得到js对象 var js = document.getElementById

    2.8K20

    jQuery

    ，因为jQuery做到了各大浏览器兼容的功能。...对象转成DOM对象，通过一个jQuery对象+[0]索引零，就变成了DOM对象，就可以使用JS的代码方法了，DOM对象转换成jQuery对象：$(DOM对象)，通过$符号包裹一下就可以了 　　　　拿上面那个例子举例...： 事件委托 　　　　事件委托是通过事件冒泡的原理，利用父标签去捕获子标签的事件，将未来添加进来的某些子标签自动绑定上事件。 　　　　...上面是循环一个数组，通过$.each,还需要把数组传进去，我们还可以通过each来循环标签：(this指的是当前循环的那个标签对象，以后循环标签的时候，就不用自己写for循环了，用each就行了) ​...js和jquery中的for循环也是通过他们两个来跳出当此循环或者终止循环 　　　　伏笔... .data() 　　　　任意jQuery对象都有data方法，可以保存任意值，可以用来代替全局变量

    9K20

    从 Android 开发到读懂源码 第06期：焦点移动源码解析

    ，传统TV还是通过遥控器的方向按键进行操控，在 android 系统中则是通过焦点的移动标识来展示给用户当前的控制点。下面就从接收到遥控器的按键事件开始，一步步分析下系统中的焦点机制是如何响应工作的。...(本文基于 API 27 源码进行分析) 首先，从底层驱动接收到遥控器按键或者触摸屏触摸事件后，通过一步步的转换到 android framework 中的用户界面层，会回调给 ViewRootImpl...return false; } 这里面首先将按键的键值转换为焦点导航方向，主要有6个： FOCUS_BACKWARD, FOCUS_FORWARD, FOCUS_LEFT, FOCUS_UP,...FOCUS_RIGHT, FOCUS_DOWN ，接着通过 findFocus 查找到当前视图中的焦点。...然后通过 focusSearch 方法(这个方法是查找焦点的关键方法，一些定制化逻辑可以通过修改此方法实现)，根据当前焦点根据导航方向，去寻找下一个应该聚焦的 View：

    1.3K20

    JavaScript 编程精解 中文第三版 十五、处理事件

    ，但当持续按下某个按键时，会循环触发该事件。...当失去焦点时，元素会获得blur事件。 与前文讨论的事件不同，这两个事件不会传播。子元素获得或失去焦点时，不会激活父元素的处理器。 下面的示例中，文本域在拥有焦点时会显示帮助文本。...仅当没有别的事情正在运行时，才能处理事件，这个事实意味着，如果事件循环与其他工作捆绑在一起，任何页面交互（通过事件发生）都将延迟，直到有时间处理它为止。...我们可以通过scroll事件监测滚动行为，可以通过focus和blur事件监控焦点改变。当文档完成加载后，会触发窗口的load事件。...除了显示一个初始子节点，其他子节点都应该隐藏（将display样式设置成none），并通过点击按钮来选择当前显示的节点。

    5.6K20

    从零开始学 Web 之 jQuery（七）事件冒泡，事件参数对象，链式编程原理

    一、事件冒泡与阻止事件冒泡 事件冒泡：当一个元素触发某个事件的时候，会把这个事件传播到其父元素，一直到顶层元素。 阻止事件冒泡：在被触发事件的子元素中添加 return false; 即可。..."); PS：方式一和方式二，都可以获取文本框的焦点，并且触发浏览器的默认行为（光标闪烁）；而方式三，可以获取文本框的焦点，但是不能触发浏览器的默认行为。...通过 arguement.length 可以得到有一个参数，这个参数是一个对象，里面有很多事件相关的属性。...// 鼠标按下的键值 e.button // 按键按下的键值 e.keyCode // 触发该事件的目标对象，是一个 DOM 对象 // 当发生事件冒泡的时候，可以定位到具体发生事件的源对象，而不是冒泡的对象...还有一个问题，就是 jQuery 中 val(); 在没有参数时时读取数值，不能链式编程；在有参数的时候是设置，可以链式编程。

    78040

    jQuery中的常用内容总结(二)

    实际使用中这两种请求并没有明显的区别(是否幂等可以忽略不计);另外以上两种请求的方法的参数数量或返回参数的数量可能与jQuery完整写法不一致，对于这个问题，我的解释是:在js中，方法调用和方法申明这两者之中前者的参数可以少于后者的参数数量...弹窗 这里介绍五种弹窗，两大类，一类是js原生弹窗，一类是jQuery UI弹窗 　1>alert弹窗 ?...4>html子窗 弹窗 ? ? 　5>jQuery UI弹窗(需要引入jquery UI) ? ?  　　...咳咳~，以上5种弹窗，第一种是不可传参的，第五种需要使用jquery_UI.js(jQuery 弹窗插件)且传参需要单独从表单取值......(val)来区别弹窗类别，其： 　　　　第一种弹窗使用alert，是最简单最通用也是最不堪大用的弹框 　　　　第二种弹窗使用的是原生的prompt,同时需要把这个对象赋给一个变量，通过参数可以即可获取到用户输入的内容哦

    2.9K40

    jQuery中的常用内容总结(二)

    实际使用中这两种请求并没有明显的区别(是否幂等可以忽略不计);另外以上两种请求的方法的参数数量或返回参数的数量可能与jQuery完整写法不一致，对于这个问题，我的解释是:在js中，方法调用和方法申明这两者之中前者的参数可以少于后者的参数数量...弹窗 这里介绍五种弹窗，两大类，一类是js原生弹窗，一类是jQuery UI弹窗 　1>alert弹窗 ?...4>html子窗 弹窗 ? ? 　5>jQuery UI弹窗(需要引入jquery UI) ? ?  　　...咳咳~，以上5种弹窗，第一种是不可传参的，第五种需要使用jquery_UI.js(jQuery 弹窗插件)且传参需要单独从表单取值......(val)来区别弹窗类别，其： 　　　　第一种弹窗使用alert，是最简单最通用也是最不堪大用的弹框 　　　　第二种弹窗使用的是原生的prompt,同时需要把这个对象赋给一个变量，通过参数可以即可获取到用户输入的内容哦

    1.2K30

    jQuery中的常用内容总结(二)

    实际使用中这两种请求并没有明显的区别(是否幂等可以忽略不计);另外以上两种请求的方法的参数数量或返回参数的数量可能与jQuery完整写法不一致，对于这个问题，我的解释是:在js中，方法调用和方法申明这两者之中前者的参数可以少于后者的参数数量...弹窗 这里介绍五种弹窗，两大类，一类是js原生弹窗，一类是jQuery UI弹窗 　1>alert弹窗 ?...4>html子窗 弹窗 ? ? 　5>jQuery UI弹窗(需要引入jquery UI) ? ?  　　...咳咳~，以上5种弹窗，第一种是不可传参的，第五种需要使用jquery_UI.js(jQuery 弹窗插件)且传参需要单独从表单取值......(val)来区别弹窗类别，其： 　　　　第一种弹窗使用alert，是最简单最通用也是最不堪大用的弹框 　　　　第二种弹窗使用的是原生的prompt,同时需要把这个对象赋给一个变量，通过参数可以即可获取到用户输入的内容哦

    1.5K110

    Windows10中的键盘快捷方式

    Windows 10 ---- 键盘快捷方式就是按键或按键组合，可提供一种替代方式来执行通常使用鼠标执行的操作。...，或在文档中选择文本 Shift + Delete 删除选定项，无需先移动到回收站 向右键 打开右侧的下一个菜单，或打开子菜单 向左键 打开左侧的下一个菜单，或关闭子菜单 Esc 停止或离开当前任务...WINDOWS 徽标键键盘快捷方式 按键 操作 Windows 徽标键 打开或关闭“开始”屏幕 Windows 徽标键 + A 打开操作中心 Windows 徽标键  + B 将焦点放在通知区域上 Windows...当出现 Windows 提示时，请将焦点移到提示上。 再次按下键盘快捷方式，将焦点放在屏幕上 Windows 提示所固定的元素上。...否则，请删除命令行中光标左侧的所有字符。 Ctrl + End（历史记录导航） 如果命令行为空，则将视区移动到命令行。否则，请删除命令行中光标右侧的所有字符。

    4.5K20
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券