javascript/jquery:在运行单击函数后，滚动函数不起作用 - 腾讯云开发者社区

文章/答案/技术大牛

发布

JavaWeb——JQuery之高级案例实战（打开网页自动弹出广告效果、抽奖效果实现）

1 打开网页自动弹出广告效果【需求】： 1）当页面加载完，3秒后自动显示广告； 2）广告显示5秒后，自动消失；【分析】： 1）使用定时器setTimeout (执行一次定时器) ； 2）其实JQuery...--引入jquery--> javascript" src="...../js/jquery-3.3.1.min.js"> //入口函数，在页面加载完成之后，定义定时器，调用这两个方法 $(function...2 抽奖效果实现【需求】： 1）点击开始按钮，小相框中滚动图片； 2）点击停止按钮，小相框停止滚动，大相框中显示选中的图片；【分析】： 1）给开始按钮绑定单击事件：定义循环定时器、切换小相框的.../js/jquery-3.3.1.min.js"> javascript' type='text/javascript'>

3K4 0

WEB入门之十四 jQuery事件

jQuery在遵循W3C规范的情况下，对event对象做了进一步封装，使得该对象在各大浏览器下都可以正常运行。...在jQuery中，事件对象通常作为匿名函数的参数使用，语法如下所示： jQuery对象 ....图5.1.10 hover事件 5.3.2 toggle事件该事件用于模拟鼠标的连续单击事件，第1次单击时触发第1个函数的执行；第2次单击时触发第2个函数的执行；第n次单击时触发第n个函数的执行。...添加过两个商品后，表格中一共有3行数据，第1行是原本存在的，后两行是动态创建并添加到表格上的。现在单击表格中的行，我们会发现只有第1行的背景色可以改变，后两行的背景色没有改变。...把bind换成live后，表格中的任何一行在单击时都可以改变背景色，包括动态创建的行。

1.8K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

WEB入门之十四 jQuery事件

jQuery在遵循W3C规范的情况下，对event对象做了进一步封装，使得该对象在各大浏览器下都可以正常运行。...在jQuery中，事件对象通常作为匿名函数的参数使用，语法如下所示： jQuery对象 ....添加过两个商品后，表格中一共有3行数据，第1行是原本存在的，后两行是动态创建并添加到表格上的。现在单击表格中的行，我们会发现只有第1行的背景色可以改变，后两行的背景色没有改变。...把bind换成live后，表格中的任何一行在单击时都可以改变背景色，包括动态创建的行。...版本中新增的函数，用来逐步取代旧的bind和live函数，运行速度和质量更加优秀，具体语法如下所示： jQuery对象 . on ( events , [data] , fn ) 参数说明： events

1.9K1 0

杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

.事件处理函数在执行完毕后,事件对象就会被销毁....可以用同样的方法解决元素上的问题阻止默认行为网页中的元素都有自己默认的行为,例如:单击超链接后悔跳转,单击”提交”按钮会表单会提交,有时需要阻止元素的默认行为在jquery中,提供了preventDefault...该方法的作用是获取到光标相对于页面的x坐标和y坐标.如果没有使用jquery时,那么IE浏览器中是使用event.pageX()和event.pageY()方法.如果页面上有滚动条,则还要加上滚动条的宽度和高...在jQuery 1.3中也可以接受一个字符串了。 •callback:载入成功时回调函数。...跨域：在一个服务器上，去访问另一个服务器 jQuery如何实现跨域请求？使用JSONP形式实现跨域。 javascript如果调用另一个域程序，不能执行当前域js函数。

10.2K2 0

前端基础-jQuery事件机制

第8章 jQuery事件机制 JavaScript中已经学习过了事件，jQuery对JavaScript事件进行了封装，增加并扩展了事件处理机制。...8.1 jQuery事件发展历程(了解) 简单事件绑定–bind事件绑定–delegate事件绑定–on事件绑定(推荐) 简单事件注册 click(handler) 单击事件 mouseenter(...function(){ // 事件响应方法 }); delegate注册委托事件（不用） // 第一个参数：selector，要绑定事件的元素 // 第二个参数：事件类型 // 第三个参数：事件处理函数...// 第三个参数：data，传递给处理函数的数据，事件触发的时候通过event.data来使用（不常使用） // 第四个参数：handler，事件处理函数 $(selector).on(events[,...// screenX和screenY 对应屏幕最左上角的值 // clientX和clientY 距离页面左上角的位置（忽视滚动条） // pageX和pageY 距离页面最顶部的左上角的位置（会计算滚动条的距离

8662 0

jquery 绑定事件 - resize() 浏览器窗口的大小发生改变

事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入（进入子元素也触发） mouseout() 鼠标离开（离开子元素也触发）...mouseenter() 鼠标进入（进入子元素不触发） mouseleave() 鼠标离开（离开子元素不触发） hover() 同时为mouseenter和mouseleave事件指定处理函数 ready...() DOM加载完成 resize() 浏览器窗口的大小发生改变 scroll() 滚动条的位置发生变化 submit() 用户递交表单 resize() 浏览器窗口的大小发生改变其实大部分resize...编写一个当浏览器窗口大小发生变换，在document.title打印document.width()如下： ? ? 代码 jquery/jquery-3.3.1.min.js"> javascript"> $(function()

3.1K2 0

jQuery事件机制

jQuery事件机制 JavaScript中已经学习过了事件，但是jQuery对JavaScript事件进行了封装，增加并扩展了事件处理机制。...jQuery事件发展历程(了解) 简单事件绑定>>bind事件绑定>>delegate事件绑定>>on事件绑定(推荐) 简单事件注册 click(handler) //单击事件...// 第三个参数：data，传递给处理函数的数据，事件触发的时候通过event.data来使用（不常使用） // 第四个参数：handler，事件处理函数 $(selector).on(...//screenX和screenY 对应屏幕最左上角的值 //clientX和clientY 距离页面左上角的位置（忽视滚动条） //pageX和pageY 距离页面最顶部的左上角的位置...（会计算滚动条的距离） //event.keyCode 按下的键盘代码 //event.data 存储绑定事件时传递的附加数据 //event.stopPropagation

2.2K1 0

学习jQuery这一篇就够了

# 1. jQuery 简介 # 1.1 jQuery 简介 jQuery 是一个高效精简并且功能丰富的 JavaScript 工具库。...dom，调用 jQuery 对象的任何方法后返回的还是当前 jQuery 对象。...console.log('浏览器滚动条改变了'); }); # 3.4.2 事件绑定 # 1. on() 方法描述：在选定的元素上绑定一个或多个事件处理函数。...需求描述：为按钮绑定一个单击函数，然后点击按钮，在控制台输出 “按钮被单击了” 按钮 $('button').click(function () { console.log...需求描述：为按钮绑定一个双击函数，然后双击按钮，在控制台输出 “按钮被单击了” 按钮 $('button').dblclick(function () { console.log

3.5K5 0

WordPress中的jQuery库不起作用的相关问题

如果仅仅加载WordPress 自带的jQuery 库，在使用一些jQuery 插件的时候明明是代码没有错误，但就是不起作用，该有的效果不能实现；但加载了原版的jQuery 库却又可以了，这样一来却同时加载了两个...$ 代替jQuery 的写法不能识别，一些功能不起作用的原因正是由此而来。.../jquery.js', false, '1.8.3' );} 因为在后台必须得用到这个库，只能加个判断，让其只在后台下运行。...参考WordPress官方文档：zh-cn:函数参考/wp enqueue script 相关知识：jQuery 与Javascript 的关系 jQuery 是一个 JavaScript 函数库。...jquery 对javascript进行扩展，封装，让javascript更好用，更简单。看过一个比喻：如果说JavaScript 是面条，那么jQuery 就是方便面——自己好好理解吧~

6.2K6 0

jquery 绑定事件 - blur() 失去焦点 - focus() 获取焦点

事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入（进入子元素也触发） mouseout() 鼠标离开（离开子元素也触发）...() DOM加载完成 resize() 浏览器窗口的大小发生改变 scroll() 滚动条的位置发生变化 submit() 用户递交表单编写一个form表单，用来演示输入框获取焦点和失去焦点的示例 ?...focus() 元素获得焦点首先先来这个focus()函数。 ? 可以看到当获取焦点的时候，就立即弹出alert()。...DOCTYPE html> javascript..." src="jquery/jquery-3.3.1.min.js"> javascript"> $(function()

14.1K3 0

页面点击特效

:center">啦啦啦啦啦啦 /*滚动文字样式*/ #container { position: relative;...: nowrap; /*重要，不然文字显示效果不好*/ } javascript" type="text/javascript"> //文字滚动...function () { This.move($container, $content, speed); }, 20); //setInterval会改变this指向，即使加了This=this，也要用匿名函数封装...点击隐藏目录，再次点击显示目录">阅读目录'; content += ''; //循环所有的h3，然后在h3...//单击显示随机文字 var a_idx = 0; jQuery(document).ready(function ($) { $("body").click(function

3.2K2 0

JQuery第三节

$(selector).position(); 2. jQuery事件机制 JavaScript中已经学习过了事件，但是jQuery对JavaScript事件进行了封装，增加并扩展了事件处理机制。...2.1. jQuery事件发展历程(了解) 简单事件绑定>>bind事件绑定>>delegate事件绑定>>on事件绑定(推荐) 简单事件注册 click(handler) 单击事件...// 第三个参数：data，传递给处理函数的数据，事件触发的时候通过event.data来使用（不常使用） // 第四个参数：handler，事件处理函数 $(selector).on(events[,...（会计算滚动条的距离） //event.keyCode 按下的键盘代码 //event.data 存储绑定事件时传递的附加数据 //event.stopPropagation()...作用：遍历jQuery对象集合，为每个匹配的元素执行一个函数 // 参数一表示当前元素在所有匹配元素中的索引号 // 参数二表示当前元素（DOM对象） $(selector).each(function

1.1K3 0

前端中那些让你头疼的英文单词

（超出内容才加滚动条），scroll溢出滚动（无论内容是否溢出都会加滚动条）） display 转变格式（inline行内，inline-block行内块，block块） float 浮动上面的内容如果是哪一个忘记了具体的内容...（js中，在jQuery中是click） onmouseover鼠标滑过 onmouseout 鼠标离开上面的内容如果哪一个单词忘记了具体的用法，可以点击链接查看具体内容：JavaScript入门 -...高级 ---- show 显示 hide 隐藏 toggle 触发（在jQuery中，但凡是有两个功能的效果是相反的，肯定会有第三个功能，这个功能会集成那两个功能，这个功能的名称单词中肯定会有toggle...） val （jQuery中的val是专门来修改访问value属性值的） value 值 prop 访问修改属性值 css 控制css属性的函数 siblings 同级的 parent 父级的 children...显示（向下滑，向下展开，就显示了） slideToggle 一会显示一会隐藏 stop 停止（清除动画机制，在形成动画函数之前加stop） fadeIn 淡入 fadeOut 淡出 fadeToggle

2.8K2 0

Web阶段：第五章：JQuery库

Jquery介绍 1.什么是JQuery ? jQuery，顾名思义，也就是JavaScript和查询（Query），它就是辅助JavaScript开发的js类库。...3.JQuery流行程度 jQuery现在已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。...Jquery 的初体验需求：使用Jquery和javascript给一个按钮绑定单击事件注意：使用Jquery之前要将第三方jar包导入 jquery一定要引入jquery库吗？答案：是 2、jquery中的$到底是什么？答案：核心函数 3、怎么为按钮添加点击响应函数的？...核心函数 $() $ 是jquery的核心函数，能完成jquery的很多功能。

4953 0

jQuery 事件绑定和 JavaScript 原生事件绑定

live、delegate 不多用，在Jquery1.7中已经移除，这里不多说重点介绍 bind、on bind(event,[data],function) bind 是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数...规定传递到函数的额外数据。 function：可选。规定当事件发生时运行的函数。...JavaScript支持在标签中直接绑定事件 2.在JavaScript代码中onXXX绑定：在JavaScript代码中绑定事件可以使JavaScript代码与HTML标签分离，文档结构清晰，便于管理和开发...在JavaScript代码中onXXX绑定在JavaScript代码中绑定事件的语法为： elementObject.onXXX=function(){ // 事件处理代码 } 其中： elementObject...可以发现：使用 jQuery 的事件绑定方法，对同一个元素的 click 事件先后绑定了三个处理函数，结果按顺序都输出了，说明了 jQuery 的事件处理函数是叠加的；而使用 JavaScript

7K2 0

Javascript函数的简单学习

编写这样的函数常常是很有用的:某些参数为可选的并且在调用函数的时候可以忽略它们关键代码如下所示 javascript"> function checkName... onunload: 页面完全卸载后触发 onclick: 单击鼠标左键时触发，当光标的焦点在按钮上，并按enter键也会触发 ondblclick: ...单击提交按钮时，在上触发 2：事件处理事件处理程序是用来响应某个事件而执行的处理程序。...事件处理程序可以是任意的javascript语句，通常使用函数来对事件进行处理调用函数的两种方式：第一种方式，在HTML中绑定第二种方式，在javascript...13 alert("单击做出反应"); 14 } 15 16 17 案例2运行结果如下 ?

2.9K8 0

jQuery的简单使用

通过jQuery注册事件 jQuery注册事件也很简单，通过选择器包装好标签对象后，调用相关的事件方法即可，调用事件方法时需要传递一个函数对象，当事件被触发就会执行函数里的代码。...在jQuery里的事件名称并没有与html中的事件名称有多大区别，还是那个熟悉的味道熟悉的套路，示例： jquery-3.2.1.min.js" > 单击事件..." src="js/jquery-3.2.1.min.js" > 单击事件...dbclick']").dblclick(function(e){ alert(e.toString()); }); 在函数中可以使用

8K1 0

fullPage.js全屏滚动插件

如果你要制作一个全屏的网页，使用这个插件在合适不过，如QQ浏览器官方网站直接下载使用方法 1.引入fullpage.css文件滚动方式，如果选择 false，则会出现浏览器自带的滚动条 scrollOverflow (true/false)内容超过满屏后是否显示滚动条 css3 (true/false) 是否使用...() 滚动到某一屏后的回调函数，接收 anchorLink 和 index 两个参数，anchorLink 是锚链接的名称，index 为序号，从1开始计算 onLeave() 滚动前的回调函数...afterRender 页面结构生成后的回调函数，或者说页面初始化完成后的回调函数 afterSlideLoad 滚动到某一水平滑块后的回调函数，与 afterLoad 类似，接收 anchorLink...-- javascript" src='..

18.6K2 0

JQuery 笔记（二）

* swing：动画执行时效果是先慢，中间快，最后又慢 * linear：动画执行时速度是匀速的 3. fn：在动画完成时执行的函数...) * 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2........--引入jquery--> javascript" src=".....使用 show/hide方法来完成广告的显示 */ //入口函数，在页面加载完成之后，定义定时器，调用这两个方法 $(function () {.../js/jquery-3.3.1.min.js"> javascript' type='text/javascript'>

4.1K1 0

第51次文章：JQuery高级

或表示动画时长的毫秒数值（如：1000） easing：用来指定切换效果，默认是"swing",可用参数"linear" swing:动画执行时效果是:先慢中间快，最后又慢 linear：动画执行时速度是匀速的 fn：在动画完成时执行的函数...element) { //3.1获取li对象第一种方式this // alert(this.innerHTML) //3.2获取li对象第二种方式在回调函数中定义参数...当单击jq对象对应的组件后，会执行fn1，第二次单击会执行fn2..... 【注意】1.9版本 .toggle() 方法删除,jQuery Migrate（迁移）插件可以恢复此功能。...--引入jquery--> javascript" src=".....插件，在插件里面定义了两个方法，分别是check()和uncheck(),然后再给两个单击按钮绑定不同的方法事件。

5K3 0

点击加载更多

JavaWeb——JQuery之高级案例实战（打开网页自动弹出广告效果、抽奖效果实现）

WEB入门之十四 jQuery事件

WEB入门之十四 jQuery事件

杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

前端基础-jQuery事件机制

jquery 绑定事件 - resize() 浏览器窗口的大小发生改变

jQuery事件机制

学习jQuery这一篇就够了

WordPress中的jQuery库不起作用的相关问题

jquery 绑定事件 - blur() 失去焦点 - focus() 获取焦点

页面点击特效

JQuery第三节

前端中那些让你头疼的英文单词

Web阶段：第五章：JQuery库

jQuery 事件绑定和 JavaScript 原生事件绑定

Javascript函数的简单学习

jQuery的简单使用

fullPage.js全屏滚动插件

JQuery 笔记（二）

第51次文章：JQuery高级

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐