首页
学习
活动
专区
工具
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

【前端】Web前端学习笔记【1】

return { inc: function () { x += 1; return x; } } } 它用起来像这样...针对表单元素,jQuery还有一组特殊的选择器: :input:可以选择,,和; :file:可以选择的作用域内运行;在使用attachEvent()方法的情况下,事件处理程序会在全局作用域中运行,因此this等于window。...标签的async属性和defer属性 async:规定异步执行脚本(仅适用于外部脚本) defer:规定是否对脚本执行进行延迟,直到页面加载为止 - 设置async,设置/不设置defer...如果有多个脚本,执行属性也许跟它们在源代码中的顺序不一致,取决于哪个先加载完成 - 不设置async,设置defer     页面解析后执行脚本,脚本的执行顺序确定 - 不设置async和defer

40690
  • 继续死磕前端

    大可放心,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

    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.3K10

    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.2K20

    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属性时,

    16910

    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.5K00

    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

    给网站添加PJAX无刷新

    它通过在页面刷新时添加历史记录功能(通常表现为左侧和右侧的 ← 和 → 按钮),允许用户通过按钮快速返回到之前的状态而不需重新加载页面。这种特性特别适合需要快速切换状态的应用场景,显著提升了交互体验。...只要是个网站,每次切换页面的时候,title 标签是必然得替换的。在我这个案例中,main 是每次切换页面之后会产生内容变化的容器。...下面这个是我现在所使用的一个案例,你也可以自己设计一个加载动画,使用图片什么的都是一样的。 HTML:这样一个改善体验的加载动画也完成了!...该组件还有一些高级的功能,例如加载时调用动画库等操作,都可以在该项目的 README 中寻找答案。

    7100

    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

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

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

    3.7K20

    前端之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
    领券