`
Folix
  • 浏览: 12698 次
社区版块
存档分类
最新评论

Jquery高级编程阅读笔记5——jQuey事件处理

阅读更多
  1. 使用jQuery进行事件处理
    jQuery通过.bind()方法将一个函数绑定到一个事件。
    .bind()
    $("#objId").bind('mouseover',function(event){
    });
    .unbind()解除绑定
    $("#objId").unbind("mouseover");

    .on()
    当DOM元素是动态插入的,这时候.bind()可能会失效,应该使用.on() 、.off()
    .live()在1.9后删除了,代替为.on(),.on()统一了delegate(),.live(),.bind()功能,更加简洁
    $("#anchor").on("click",function(){
    	alert(33);
    })
    $("#content").append("<a id='anchor'>press me</a>")
     
    .one()
    实现一个事件处理程序只执行一次

    链式调用
    $(function(){
    	$("#text").mouseover(function(){
    		$(this).css("text-decoration","underline");
    	}).mouseout(function(){
    		$(this).css("text-decoration","none");
    	})
    });
     
分享到:
评论

相关推荐

    jquery笔记

    事件名(function(){/* 事件处理代码 */})` —— 绑定事件处理函数到指定元素。 **查找元素的位置**: - `$(“对象”).index()` —— 获取元素在其同级中的位置,索引从0开始计算。 - `$(对象).index(“找一组的选择...

    jquery 学习笔记源码 1第一个jquery

    《jQuery学习笔记源码——初识与实践》 在当今的Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本篇文章将基于“jQuery学习笔记源码 1第一个...

    jquery学习笔记--1

    本篇笔记将深入探讨jQuery的基础知识,包括其核心概念、选择器、DOM操作、事件处理、动画效果以及Ajax应用。 ### 1. jQuery核心概念 jQuery的核心思想是“write less, do more”。它通过封装JavaScript的一些常见...

    《jQuery权威指南》学习笔记之第3章 jQuery操作DOM

    现在我们专注于《jQuery权威指南》第三章——jQuery操作DOM的内容。DOM,即文档对象模型,是HTML和XML文档的编程接口,它将文档结构转换为一个树形结构,方便程序进行读取和修改。jQuery提供了丰富的API,让开发者...

    jquery笔记1

    《jQuery笔记1——深入理解与应用》 在Web开发领域,jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。这篇笔记将带领我们深入理解jQuery的核心概念,同时通过实例...

    jquery 学习笔记

    《jQuery学习笔记——15天快速入门指南》 jQuery,作为一个强大的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。它以其简洁的API和高效的性能,成为了前端开发者的首选工具之一...

    JQuery笔记.docx

    通过以上介绍,我们了解了JavaScript及其重要组成部分——jQuery的基础概念和技术要点。JavaScript作为一种强大的客户端脚本语言,极大地丰富了网页的交互性和功能性,而jQuery作为JavaScript的一个扩展库,进一步...

    javase6 学习笔记(李兴华培训课堂笔记所有.)

    2. **面向对象编程**:Java是面向对象的语言,其三大特性——封装、继承和多态,在Java SE 6中得到了充分的体现。封装允许我们隐藏实现细节,提供公共接口;继承使得代码复用成为可能;多态则增强了代码的灵活性和可...

    jquery easyUi使用文档pdf 和 word版本

    2. **组件介绍**:详细讲解各种组件的用法,如对话框(dialog)、表格(datagrid)、菜单(menu)、表单(form)等,并展示它们的基本配置和事件处理。 3. **主题和样式**:介绍如何自定义和应用不同的主题,以及...

    SVG剪裁路径和遮罩jQuery幻灯片特效.zip

    jQuery是一个广泛使用的JavaScript库,简化了DOM操作、事件处理和动画等功能。在这个项目中,jQuery被用来控制幻灯片的切换,可能包括点击事件监听、自动播放、过渡动画等。jQuery的链式调用和丰富的API使得编写...

    jQuery学习笔记之基础中的基础

    4. 处理事件响应:jQuery优化了事件处理流程,简化了事件监听、事件触发等操作,同时解决了不同浏览器间的兼容性问题。 5. 创建动画效果:jQuery提供了一种简便的方法来实现页面元素的动画效果,其API允许开发者...

    JQuery 学习笔记01 JQuery初接触

    jQuery是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript编程,使得开发者能够更快速、更方便地处理DOM操作、事件处理、动画效果和Ajax交互。这篇学习笔记将带你初次接触jQuery的世界。 一、...

    jQuery双向列表左右移动选择框代码.zip

    这个功能的核心是利用jQuery事件处理和DOM操作,实现元素在两个列表(通常用标签表示)之间的动态移动。用户通过点击按钮,可以选择将元素从左侧列表移动到右侧,或者从右侧移回左侧。 描述中提到,这是一个"非常...

    jQuery立体质感科学计算器代码.zip

    总的来说,"jQuery立体质感科学计算器代码"是一个实践jQuery操作、事件处理和CSS美化的好例子。它展示了如何利用jQuery的高效性和灵活性,结合CSS3的新特性,创造出交互性强、视觉效果出色的Web应用。通过学习和理解...

    毕设&课设&项目&实训-javascript基础类库以及基于jquery的组件库.zip

    接着,我们要讨论jQuery——一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和动画制作。jQuery的核心特性包括选择器(方便地选取DOM元素)、链式调用(使得代码更加简洁)、高效的操作DOM方法等。...

    jQuery点击更多爱心动画特效.zip

    总结来说,“jQuery点击更多爱心动画特效”是将jQuery的事件处理和DOM操作能力与CSS3动画相结合的一个实例。通过这种方式,我们可以创造出具有吸引力和交互性的网页元素,提升用户在浏览网站时的体验。无论是用于...

    jQuery立体3d效果计算器代码.zip

    通过深入研究这些文件,开发者可以学习到如何利用jQuery进行事件处理、DOM操作,以及如何结合CSS3的3D变换来创造动态效果。同时,项目还展示了Bootstrap框架的应用和代码高亮库的使用,对于提升Web开发技能大有裨益...

    jQuery手机端泡泡红包抽奖代码.zip

    在本项目中,jQuery主要用于简化DOM操作、事件处理和动画效果。在index.html文件中,我们可以看到HTML结构的搭建,这包括了抽奖界面的基本元素,如按钮、容器等。这些元素通过class或id与jQuery代码中的选择器相匹配...

    jquery+css3文字列表展开折叠— —折纸效果.zip

    总结来说,"jQuery+CSS3文字列表展开折叠— —折纸效果"是网页动态效果设计的一个实例,它巧妙地融合了jQuery的事件处理和CSS3的动画特性,为用户带来直观且有趣的交互体验。开发者可以通过学习和实践此类效果,提升...

    jquery.nicescroll仿IOS滚动条美化插件.zip

    4. **滚动事件**:支持多种滚动事件,如`onBeforeScrollStart`、`onScroll`和`onTouchMove`,方便开发者进行高级交互设计。 5. **滚动动画**:提供平滑的滚动动画,使滚动过程更加流畅。 三、应用步骤 1. **引入...

Global site tag (gtag.js) - Google Analytics