手动实现 jquery delegrate

2024-09-06

jQuery（一）delegate() 方法

定义和用法 delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数. 使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素). 语法 $(selector).delegate(childSelector,event,data,function) 参数描述 childSelector 必需.规定要附加事件处理程序的一个或多个子元素. event 必需.规定附加到元素的一个或多个事件. 由空

手动实现jQuery Tools里面tab功能

平时开发中用的Javascript类库都是jQuery,用到插件或者第三方类库能从jQuery Tools里面找到,基本不用其他的.当然有时同事喜欢使用jQuery UI里面的插件.并且jQuery Tools里面的插件和jQuery UI里面的插件还会出现冲突.这个事情就不舒服了.不过基本开发之前就确定好用哪个类库,免得后期开发中因为冲突的增加,增加项目的开发周期和开发成本.当然如果你掌握好jQuery Tools里面的插件,有些功能和效果很快就开发好了.之前一个项目,就只使用了jQuery

手动编写JQUERY插件

就拿一个简单的示例来说,鼠标点击输入框,提示文字消息,鼠标移开,再显示提示文字. <script type="text/javascript"> //编写插件 (function ($) { $.fn.placeholder = function (option) { var input = this; input.focus(function () { if (input.val() == "" || input.val() == option.Def

手动实现jQuery的toggle()效果

有时候我们希望实现toggle()切换效果,但是切换的同时需要完成一些其他要做的事情.所以我们需要对jQuery的toggle()函数进行改造. 下面好test2()函数就是一个实现toggle效果的函数: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery.js"

手动停止jquery ajax请求

主要调用jquery提供的ajax abort方法,详细代码如下: <html> <head> <meta charset="UTF-8"> <script src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> var ajax

jQuery Mobile 手动显示ajax加载器，提示加载中...

在使用jQuery Mobile开发时,有时候我们需要在请求ajax期间,显示加载提示框(例如:一个旋转图片+一个提示:加载中...).这个时候,我们可以手动显示jQuery Mobile的加载器,大致流程如下: 1. 启动加载器,显示“加载中...”: 2. 进行ajax请求,请求完成后更新页面数据,刷新jQuery Mobile控件样式: 3. 关闭加载器. 下面就来讲解jQuery Mobile 1.2.0 和 1.1.0 中手动显示加载器的方法(很简单,几行代码就OK了!). 首先是jQ

第十七章：jQuery类库

javascript的核心API设计的很简单,但由于浏览器之间的不兼容性,导致客户端的API过于复杂.IE9的到来缓解了这种情况.然而使用javascript的框架或者工具类库,能简化通用操作,处理浏览器之间的差异,这让很多程序员在开发web应用时变得更简单. jQuery类库被广泛的使用,作为web开发者,我们必须熟悉它:即便没有在自己的代码中遇到,也可能在别人的代码中遇见.幸运的是,jQuery代码足够小巧和稳定,本章就能将它讲述清楚. jQuery能让你在文档中轻松找到关心的元素,并对这些

jQuery 源码学习 - 01 - 简洁的 $('...')

首先贴上学习参考资料:[深入浅出jQuery]源码浅析--整体架构,备用地址:chokcoco/jQuery-. jQuery 库,js 开发的一个里程碑,它的出现,让网页开发者们告别荒蛮的上古时代,初步解放生产力,正式进入黄铜时代. 虽然如今 Angular/React/Vue 三驾马车驰骋畋猎,jQuery的时代渐行渐远,但是它的思想它的设计都有着里程碑式的作用.当然,我是拿它来补基础的,逃... 1.自执行函数 (function(params) { // ... })(Variable)

10条建议让你创建更好的jQuery插件(转载)

为了避免重复造轮子,自己手动开发jquery 插件,让小组其他成员可以直接使用.学习开发中,看到Phillip Senn 写的关于jquery 插件开发注意10点,转载之! ------------------------------------------------------------------------------------------------------------------------------------------------ 在开发过很多 jQuery 插件以

jquery weui日期选择控件添加取消按钮

如图: 上图是jQuery weui的时间选择控件,红框处本来应该有个“取消”按钮的,可惜偏偏没有,当用户不想选择的时候就不好处理,虽然插件提供了点击其他区域关闭的功能,但过于隐晦,不容易发现,因此本文的目的就是把这个取消按钮加上. 直接上代码: 大概4016行下面添加一个取消配置项,4021行下面添加取消按钮DOM结构,如下 var defaults = { updateValuesOnMomentum: false, updateValuesOnTouchmove: true, rotate

Tapestry5.3使用总结

1.Tapestry框架的加载是通过Filter来完成的,需要在web.xml中加入以下配置: <filter> <filter-name>app</filter-name> <filter-class>org.apache.tapestry5.TapestryFilter</filter-class> </filter> <filter-mapping> <filter-name>app</filter

前端_Bootstrap简单使用

首先说一下简单使用方法: 1.首先上官网下载Bootstrap(就是一些js文件和一些css文件) ,网址: https://v3.bootcss.com/getting-started/#download 这个网站有基本模板index.html,直接拷贝(将js文件夹和css文件夹同时拷贝,自己手动添加jQuery,配置到index.html中即可),body标签内写上你想要编写的代码 2.对于你需要的样式,可以直接去网址https://www.runoob.com/bootstrap/boo

Django（十九）Ajax全套

参考博客:http://www.cnblogs.com/wupeiqi/articles/5703697.html 提交: - Form - Ajax 一.Ajax,偷偷向后台发请求 - XMLHttpRequest - 手动使用 - jQuery - “伪”Ajax - iframe标签 - form表单二.Ajax上传文件 - jQuery - 原生以上两种方式可利用formData对象,来封装用户提交的数据 - Iframe+Form ******Iframe+Form*******

Magento2与Magento1的区别有哪些

magento2是15年正式上线的正式版,框架和写法跟magento1有很大区别,用到了命名空间和composer,模块化设计更强.因为是刚出生不久所以bug比较多.目前全世界做magento2的公司还不多都是起步阶段.网上也没有多少资料可供参考. 主要区别有: 1,magento2集成了jquery,不需要手动引入.而magento1默认是用的prototype,需要手动引入jquery 2,magento2插件的代码模版 css和js都在一个目录里面(在插件目录下 app/code/插

UI5-文档-3-Hello World!

通过本教程,您将了解如何在单个HTML页面上通过几个步骤创建一个简单的第一个应用程序. 我们创建了一个带有两个页面和导航按钮的应用程序来在页面之间导航. 预览 Simple "Hello World" App - First Page Simple "Hello World" App - Second Page 请注意:您可以在演示应用程序中查看和下载生成的应用程序Demo Apps. Coding 在以下步骤中,我们将创建一个index.html文件与下面的代码.

Rails的静态资源管理（六）—— Asset Pipeline缓存存储方式、预处理、升级等

官方文档:http://guides.ruby-china.org/asset_pipeline.html http://guides.rubyonrails.org/asset_pipeline.html 1 静态资源文件缓存的存储方式在开发环境和生产环境中,Sprockets 默认在 tmp/cache/assets 文件夹中缓存静态资源文件.修改这一设置的方式如下: config.assets.configure do |env| env.cache = ActiveSupport::C

Knockout 双向绑定的理解

今天做了个需求就是上传图片,然后在代码中通过jQuery给一个标签赋值,经过前台的debug,发现这个值赋值成功了,但是提交到后台的请求里就没了,然后经历了一顿度娘,结果中发现了问题. 既然knockout是双向绑定的,那么什么时候会做这个双向绑定的动作呢?结果就是会在文本框触发了change事件才会做双向绑定,所以说,手动通过jQuery来修改的时候,需要自己再手动触发次change $("#XXX").val("XXX").change() http://www

webpack4.x基本配置

在学习vue的时候,需要进行打包操作,视频看的是webpack3的踩了好多坑,所以在记录一下,方便后续复习.有错误请指出. 新建项目文件在项目文件下执行npm init -y,进行初始化,生成package.json文件可以安装淘宝镜像,使用cnpm下载的会快点 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install -d 可以看到当前项目文件下面多了node_modules文件夹尝试打

【软件测试部署基础】npm的认识

1. npm简介先来看下官方介绍: npm makes it easy for JavaScript developers to share and reuse code, and it makes it easy to update the code that you're sharing 大概的意思就是: npm 是一个包管理器,让 JavaScript 开发者分享.复用.更新代码更方便. npm有两层含义:一层含义是Node的开放式模块登记和管理系统(存包系统),网址:https://w

webpack 快速入门系列 —— 性能

其他章节请看: webpack 快速入门系列性能本篇主要介绍 webpack 中的一些常用性能,包括热模块替换.source map.oneOf.缓存.tree shaking.代码分割.懒加载.渐进式网络应用程序.多进程打包.外部扩展(externals)和动态链接(dll). 准备本篇的环境虽然可以仅展示核心代码,但笔者认为在一个完整的环境中边看边做,举一反三,效果更佳. 这里的环境其实就是实战一一文完整的示例,包含打包样式.打包图片.以及打包javascript 项目结果如下: w

JQuery需要手动回收xmlHttpRequest对象

今天在园子里面看到kuibono的文章说JQuery不会自动回收xmlHttpRequest对象,并且在每次Ajax请求之后都会创建一个新的xmlHttpRequest对象,感到惊讶,索性写了一个程序验正了一下,果然如kuibono所言,之前一直都不曾注意到这一点,今天幸亏看了kuibono的文章,下面是kuibono给出的手动回收xmlHttpRequest对象的代码片断: $.ajax({ url: "http://www.aizr.net", data: { name: &quo

手动实现 jquery delegrate

热门专题