首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery:是否还有像change()这样的标签也可以在页面加载时运行?

当然,除了change()之外,jQuery还有很多其他的方法和标签可以用来在页面加载时运行。以下是一些常用的方法:

  1. ready():这个方法会在DOM加载完毕时立即运行。
  2. load():这个方法会在页面完全加载时运行。
  3. beforeunload():这个方法会在页面即将离开时运行。
  4. unload():这个方法会在页面离开时运行。
  5. resize():这个方法会在浏览器窗口大小改变时运行。
  6. scroll():这个方法会在滚动事件发生时运行。
  7. click():这个方法会在点击事件发生时运行。
  8. dblclick():这个方法会在双击事件发生时运行。
  9. mousedown():这个方法会在鼠标按下事件发生时运行。
  10. mouseup():这个方法会在鼠标释放事件发生时运行。
  11. mousemove():这个方法会在鼠标移动事件发生时运行。
  12. mouseover():这个方法会在鼠标悬停事件发生时运行。
  13. mouseout():这个方法会在鼠标离开事件发生时运行。
  14. mouseenter():这个方法会在元素进入事件发生时运行。
  15. mouseleave():这个方法会在元素离开事件发生时运行。
  16. change():这个方法会在元素属性改变时运行。
  17. submit():这个方法会在表单提交事件发生时运行。
  18. reset():这个方法会在表单重置事件发生时运行。
  19. blur():这个方法会在元素失去焦点时运行。
  20. focus():这个方法会在元素获得焦点时运行。

这些方法中的每一个都可以被用来在页面加载时运行,并且它们中的很多都可以被用来在用户与页面交互时运行。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

一个简单粗暴前后端分离方案

需要异步加载页面上图中每个步骤页面,我都使用jQuery$.load()方法来加载,此方法能在页面某个容器中加载内容,并可指定回调函数,使用起来很方便。...事实上使用history API可以更优雅解决问题,但需要考虑兼容性,还有额外工作要做,考虑时间因素,退而求其次,况且本项目也无需做SEO。...搜索、尝试了多种方法后,最终方案定为:用document.write()将编译结果写到页面这样标签能够正常加载。...这样还有一个便捷之处,我们切换视图不必手动调loadPage方法,只需要修改页面的hash就可以了,hash发生变化被监听到,自动加载对应页面。...另外想说一点就是页面的缓存,异步加载内容可以存在localStorage中,可以放在页面上进行显隐控制,这样用户频繁切换视图时候无需再次请求,回到上一步时候之前填好表单数据不会消失,体验会非常好

1.5K10

JS模块化编程以及AMD、CMD规范、Webpack

CommonJS中,有一个全局性方法require(),用于加载模块。假定有一个数学模块math.js,就可以下面这样加载。...//未定义config,加载页面目录下a.js config是用来配置模块加载位置,简单点说就是给模块起一个更短更好记名字,比如将百度jquery库地址标记为jquery这样require...只需要写["jquery"]就可以加载该js,本地js我们可以这样配置: require.config({ paths : { "jquery" : ["http://libs.baidu.com...jquery 使用requirejs加载模块不用写.js后缀,当然也是不能写后缀 上面例子中callback函数中发现有$参数,这个就是依赖jquery模块输出变量,如果你依赖多个模块,...,然后页面中就可以直接使用require来加载所有的短模块名;config可以该js中定义;同时可作为程序执行入口; data-main还有一个重要功能,当script标签指定data-main属性

2.2K10

继续死磕前端

大可放心,jquery 有容错机制,即使没有找到元素,不会出错。还为你提供了验证是否找到方法,那便是 length 属性。...不知道大家是否发现了一个规律:凡是成对出现属性,一般都有一个组合属性,名字带有 toggle 2.2 链式调用 链式调用,其实就是将多个方法一直拼接在对象后面,链条一样调用。...html('xxx'); jquery 中获取或者设置某个属性值可以使用如下方法: // 取出图片地址 var $src = $('#img1').prop('src');...; }); 然后看一下其中参数: 1、 url 请求地址 2、 type 请求方式,默认是 GET,常用还有 POST 3、 dataType 设置返回数据格式,常用是 json 格式,可以设置为...答:ajax可以实现局部刷新,叫做无刷新,无刷新指的是整个页面不刷新,只是局部刷新,ajax可以自己发送http请求,不用通过浏览器地址栏,所以页面整体不会刷新,ajax获取到后台数据,更新页面显示数据部分

2.8K10

25个常规方法优化你jquery代码

浏览器不能同时加载JS脚本(大多数情况下),这意味着如果你同一加载很多脚本的话,将减缓页面加载速度。因此,如果每个页面都要加载这些脚本,你应该考虑发布之前将这些脚本整合成一个稍大JS脚本。...,页面加载一瞬间你将会看到页面的闪动,但是特定情况下你有很多重复HTML内容,这时通过这个方法你可以显著减小页面代码体积,减少无关且重复标记能使你SEO从中受益。 ...为了速度和SEO方面的考虑,延迟加载内容 另外还有一个方法可以提升页面加载速度,理顺Spiders搜索HTML内容,通过页面加载之后使用AJAX请求晚加载其他内容,这样用户就可以马上开始浏览,让Spider...如何检查元素是否存在你不必检查元素是否页面上存在就可以使用它,因为如果没有DOM中找到合适元素,jQuery什么不会做。...首先,jQuery加载之后你可以使用方法将”JS”类添加到HTML标签中: 复制代码代码如下:$(‘HTML’).addClass(‘JS’); 因为这仅仅发生在javascript有效时候,如果用户打开

1.6K10

【领会要领】web前端-轻量级框架应用(jQuery基础)

// 等待dom元素加载完毕 alert("成功引入"); }); cdn中配置Jquery,如果不下载jquery的话,可以用cdn引用。...入口函数如下 window.onload = function(){ // 执行代码 } JavaScript入口函数与jquery入口函数: jquery入口函数是HTML所有标签加载后执行... $(function(){ //一定会在页面加载完成后运行 }) 将jquery函数代码放到这个函数就可以等到页面加载结束再运行...dom中删除被选元素以及子元素,就是如果某个元素被删除了,那么它后代元素都被删除。...change()当元素值发生改变,会发生change事件,focus()当元素获得焦点,触发focus事件。blur()当元素失去焦点触发。

2.1K20

RequireJS

大致意思: 浏览器中可以作为js文件模块加载器,可以用在Node和Rhino环境,balabala...。这段话描述了requirejs基本功能"模块化加载",什么是模块化加载?...jquery这样require只需要写["jquery"]就可以加载该js,本地js我们可以这样配置: require.config({ paths : { "jquery...,paths还有一个重要功能,就是可以配置多个路径,如果远程cdn库没有加载成功,可以加载本地库,如: require.config({ paths : { "jquery"...jquery没有加载成功后,会加载本地js目录下jquery 使用requirejs加载模块不用写.js后缀,当然也是不能写后缀 上面例子中callback函数中发现有$参数,这个就是依赖...data-main后,就可以使每一个页面都使用这个配置,然后页面中就可以直接使用require来加载所有的短模块名 data-main还有一个重要功能,当script标签指定data-main属性

15510

02-老马jQuery教程-jQuery事件处理

绑定简单事件 DOM中DOM0级绑定事件方式是直接给事件属性赋值,但是这样有个缺点就是每次指定事件处理程序会把之前覆盖掉。...-- jQuery绑定事件方法 --> $(function(){ // 页面加载完成(dom树已经初始化好了,可以进行交互访问) $('#btn...focusout事件跟blur事件区别在于,他可以父元素上检测子元素失去焦点情况 change([[data],fn]) $('p').change(); 当元素值发生改变,会发生 change...load([[data],fn]) $(window).load(fn); 当页面加载完成 unload([[data],fn]) $(window).unload(fn); 当页面卸载完成后,离开页面...data:当一个事件被触发要传递event.data给事件处理函数。 fn:该事件被触发执行函数。 false 值可以做一个函数简写,返回false。

6.4K00

jQuery进阶前言

前言: jQuery入门》一文中,记录了jQuery选择器、属性与样式和DOM操作等内容,本文将对jQuery事件以及Ajax相关知识点进行讲解。接下来就一起来学习一下。..., function() { $(this).css("background", 'blue'); } ); 当鼠标移入p标签区域,该区域背景颜色变为红色,鼠标离开该区域背景颜色变为蓝色...2、change()事件: 元素,和元素值都是可以发生改变,我们就可以通过change事件去监听这些改变动作。..." ,function(){ }); }) 这段代码就表示当点击了加载按钮后,就会异步请求fruit.html这个页面,然后会把fruit这个页面的内容填充到本页...和get不同之处就是post方式可以服务器传参,这个data可以是一个参数,可以是多个参数,多个参数时候用大括号包起来,例如:$.post(url,{data1,data2},function(

2.4K20

求职 | 史上最全web前端面试题汇总及答案

对于网站seo优化来说,title与alt还有最重要一点: 搜索引擎对图片意思判断,主要靠alt属性。所以图片alt属性中以简要文字说明,同时包含关键词,也是页面优化一部分。...当浏览器解析到该元素,会暂停其他资源下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素如此,类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。...(阿里) 通过判断Global对象是否为window,如果不为window,当前脚本没有运行在浏览器中。...它出现主要目的就是检测我们页面性能。 它让用户可以就近取得所需内容,解决网络拥挤状况,提高用户访问网站响应速度。 是否了解flex布局?...当有消息返回系统会通知进程进行处理,这样可以提高执行效率。 异步ajax优缺点都有什么? 优点: • 相对于同步ajax:不会造成UI卡死,用户体验好。

1.4K10

github pages + Hexo + 域名绑定搭建个人博客增强版

基本搭建请访问:http://blog.csdn.net/xiangzhihong8/article/details/53355036 主题配置介绍 从中我们可以看出,对于主题来讲,大部分可以配置地方其实都是在这里...true,不是用新标签都是坏人 baidu_tongji,我个人使用是百度统计,具体百度统计使用可以查看百度统计官网:http://tongji.baidu.com。...# id 中填写你友言用户数字ID,注册后进入后台管理即可查看 # 友言服务 Web 环境下运行,普通本地环境无法查看,请部署后在线上测试。...目录序号 max_depth: 3 # 1 - 6 (h1-h6) 目录最大级数 nowrap: false # Keep title on same line | 目录标题不换行 # 是否开启主页及加载头像动画效果...,多个关键词用英文逗号隔开 文章图片存放 想要在文章中插入图片的话,可以按照Markdown语法来插入,图片存放有两种方式:本地D:\Hexo\source目录下新建一个存放图片文件夹,比如images

1.3K80

求职 | 史上最全web前端面试题汇总及答案2

提供,只能用于加载CSS; ②页面加载,link会同时被加载,而@import引用CSS会等到页面加载完再加载; ③import是CSS2.1 提出,只IE5以上才能被识别,而link是...如果需要使用iframe,最好是通过javascript动态给iframe添加src属性值,这样可以绕开以上两个问题。 20、如何实现浏览器内多个标签页之间通信?...我们举例说明:比如一个黑客程序,他利用Iframe把真正银行登录页面嵌到他页面上,当你使用真实用户名,密码登录,他页面可以通过Javascript读取到你表单中input中内容,这样用户名...③Ajax与JSONP区别不在于是否跨域,Ajax通过服务端代理可以跨域,JSONP可获取同源数据。...③当然jQuery还有非常有用其它特性,如为dom对象绑定数据、动画、等。并且jQuery还非常容易扩展,基础上开发非常灵活,也有众多插件可用,如jQueryUI、easyUI等。

6.1K20

InstantClick,让你网站快到起飞,PJAX技术

下面还有一些内容你需要了解: 通过instantclick加载每个页面标签里面的样式和脚本应该是相同(因为instantclick只会加载一次标签内容) 如果标签里面的某些内容依赖于网页内容(比如在页面加载运行脚本或css动画),它需要调整以便正常运行。...预加载页面 InstantClick 关于预加载方式有多种选择。你可以根据你服务器配置来选择合适方式。 但是不管怎样,当每个页面改变,不会重新加载脚本和样式表,这样会使你页面加载速度提升一倍!...InstantClick会触发4个事件以便于挂钩到页面的整个生命周期: change:当前页面一旦改变会触发该事件,即使浏览器不支持instantclick,页面初始加载时候会触发该事件,这个事件可以用来替换...即使页面已经立即加载会显示进度条,将来这将更改。你可以github讨论。 当访问者缩放页面或旋转其设备,该栏大小和位置会自动调整,因此即使您网站未针对移动设备进行优化,会正常工作。

3.7K20

jQuery中常用函数和属性详细解析

每个页面可以有很多个函数被加载执行,按照fn顺序来执行。...( ) 用户改变域内容 input, textarea, select change事件会在元素失去焦点时候触发,会当其值获得焦点后改变触发。...) 鼠标双击某个对象 几乎所有元素 error( ) 当加载文档或图像发生某个错误 window, img keydown( ) 某个键盘键被按下 几乎所有元素 keypress( ) 某个键盘键被按下或按住...几乎所有元素 keyup( ) 某个键盘键被松开 几乎所有元素 load( fn ) 某个页面或图像被完成加载 window, img mousedown( fn ) 某个鼠标按键被按下 几乎所有元素...JQuery Utilities 方法说明 jQuery.browser .msie 表示ie jQuery.browser.version 读取用户浏览器版本信息 jQuery.boxModel 检测用户浏览器针对当前页显示是否基于

2.6K10

前端之jquery函数库

jquery是一个函数库,一个js文件,页面用script标签引入这个js文件就可以使用。...,做得多) 1、http://jquery.com/ 官方网站 2、https://code.jquery.com/ 版本下载 jquery文档加载完再执行   将获取元素语句写到页面头部,会因为元素还没有加载而出错...box').find('.myClass'); //选择id是box元素内class等于myClass元素 判断是否选择到了元素    jquery有容错机制,即使没有找到元素,不会出错,可以用...$.ajax使用方法 常用参数: 1、url 请求地址 2、type 请求方式,默认是'GET',常用还有'POST' 3、dataType 设置返回数据格式,常用是'json'格式,可以设置为...); }); 同源策略   ajax请求页面或资源只能是同一个域下面的资源,不能是其他域资源,这是设计ajax基于安全考虑。

5.2K20

​什么是 JavaScript?

HTML 用了尖括号作为了标签边界符,这只是一种语法规定,事实上如果我们愿意,我们使用 JSON 或 TOML 格式实现结构化也是可以,我们可以使用方括号代替尖括号,但从实际结果来看,还是使用 XML...没有任何其它渲染库, CSS 这样既简单、又丰富地实现了对各种渲染效果控制,再加上 HTML 标签几乎不够约束构建结构化内容能力,CSS+HTML 成为了普适性最强界面构建标准,再加上 JS...当浏览器加载一个 URL 地址发生了什么事? img 浏览器在读取一个网页,代码(HTML, CSS 和 JavaScript)将在一个运行环境(浏览器标签页)中得到执行。...脚本调用策略小结: 如果脚本无需等待页面解析,且无依赖独立运行,那么应使用 async。(async 加载完就会执行,不会管 DOM API 是否可用。)...补充一条:使用 DOMContentLoaded 事件检测 DOM 树是否可用,是一个好习惯,但并不是在所有情况下都需要这样做。实现开发中,许多程序员懒惰,统一都是.ready()中写起始代码

30920
领券