jQuery ready() bind() toggle() addClass()事件处理 (1/2)

jquery ready() bind() toggle() addclass()事件处理
jquery中提供的比较常用的几个动态效果的函数。还可以添加参数:show(speed,[callback])以优雅的动画显示所有匹配的元素,并在显示完成后可选地触发一个回调函数。

ready(fn)

代码:

js代码
$(document).ready(function(){  
  // your code here...  
}); 

$(document).ready(function(){
  // your code here...
}); 

作用:它可以极大地提高web应用程序的响应速度。通过使用这个方法,可以在dom载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的网页特效函数都需要在那一刻执行。 

bind(type,[data],fn)

代码:

js代码
$("p").bind("click", function(){  
  alert( $(this).text() );  
});  

$("p").bind("click", function(){
  alert( $(this).text() );
});  

作用:为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。起到事件监听的作用。

 

首页 1 2 末页

时间: 2024-10-29 08:53:35

jQuery ready() bind() toggle() addClass()事件处理 (1/2)的相关文章

jQuery中bind()方法用法实例_jquery

本文实例讲述了jQuery中bind()方法用法.分享给大家供大家参考.具体分析如下: 此方法为匹配元素的特定事件绑定事件处理方法. 在语法上bind()方法和one()方法是一样的,它们的不同在于绑定的处理方法的执行次数. 语法结构一: 复制代码 代码如下: $(selector).bind(type,data,function) 参数列表: 参数 描述 type 定义绑定到匹配元素中的事件类型. 如果有多个事件使用空格分隔. data 可选.传递给事件对象的额外数据对象. function

jQuery的bind()方法使用详解_jquery

bind()方法用法详解: 此方法是使用比较频繁的方法之一,虽然在API手册上有着对方法的介绍,但是由于语言简短,例子不够详细,可能会造成不能够完全准确的掌握bind()方法的使用,下面就结合实例介绍一下此方法的使用. 语法格式: $(selector).bind(type,[data],function(eventObject)) 此方法可以为所有匹配元素的特定事件绑定事件处理函数,例如: <!DOCTYPE html> <html> <head> <meta

JQuery中Bind()事件用法分析

这篇文章主要介绍了JQuery中Bind()事件用法,实例分析了Bind()事件的功能.特点与绑定事件时的使用技巧,需要的朋友可以参考下 本文实例分析了JQuery中Bind()事件用法.分享给大家供大家参考.具体分析如下: 我们先看一下它的定义: ? 1 .bind( eventType [, eventData], handler(eventObject)) .Bind()方法的主要功能是在向它绑定的对象上面提供一些事件方法的行为.期中它的三个参数的意义分别如下: eventType是一个字

jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解_jquery

本文实例分析了jQuery中bind(),live(),delegate(),on()绑定事件方法.分享给大家供大家参考,具体如下: 前言 因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on的区别,以便以后查阅,也希望该文章日后能帮助到各位朋友,文中如有不当之处,还望各位指正,话不多说,直接进入正题. 一.bind() 简要描述 bind()向匹配元素添加一个或多个事件处理器. 使用方式 复制

浅谈js在html中的加载执行顺序,多个jquery ready执行顺序_javascript技巧

jQuery $(document).ready()执行顺序: 当页面DOM 元素全部加载完毕后就执行.ready().$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕. 如果在.ready()执行之前有javascript代码存在,那么javascript将怎么执行呢? 答案是先执行.ready()之前的javascript代码,然后执行.ready(). 多个$(document).ready()的执行顺序并非单纯的顺序执行,其与嵌套层级也有一定的关系.

jQuery ready与window.onload用法理解

最近做一个项目,在上一篇文章里面写了一个插件:jQuery滚动固定插件,刚开始时在本地测试,发现都没问题,后来架设到服务器上,发现浮动的末位置总是不对,总以为是哪些代码冲突或者是插件写得不完善,后来开启了调试.发现那个底部Bottom参数的高度随着刷新浏览器在变化,不可能啊.元素是固定在那里的.没有想到是jQuery的原因. 以浏览器装载文档为例,页面加载完毕后,浏览器会通过Javascript为DOM元素添加事件,在常规的Javascript代码中,通常使用window.onload方法,而在

jquery ready函数深入分析_C 语言

最近看一些关于jquery ready 有人说他缓慢,有人说他快,说法不一. 于是自己深入研究一下.首先看了一下jquery 文档 关于ready 的描述 While JavaScript provides the load event for executing code when a page is rendered, this event does not get triggered until all assets such as images have been completely

jQuery ready方法实现原理详解_jquery

今天闲来无事研究研究jQuery.ready()的内部实现,看JQ的源码一头雾水,由于自己很菜了,于是翻了翻牛人的播客,讲述详细,收获颇多. 先普及一下jquery.ready()和window.onload,window.onload事件是在页面所有的资源都加载完毕后触发的. 如果页面上有大图片等资源响应缓慢, 会导致window.onload事件迟迟无法触发.所以出现了DOM Ready事件. 此事件在DOM文档结构准备完毕后触发, 即在资源加载前触发.  jQuery中的ready方法实现

jquery ready函数源代码研究_jquery

一般情况下都是设置body标签的onload监听window的load事件.但load事件是要在页面的元素全部加载完了才触发的,如果页面上图片较多或图片太大,就会导致初始化的代码未被执行的时候用户就做了其它操作了. Jquery库提供了一个非常方便好用的函数( $(selector).ready()),让我们可以在页面的dom加载完后就可以做相应的操作(当然,这还得看用户浏览器的支持).,而不用等待全部元素加载完成.例如: $(document).ready(function (){ alert