jqury .on 是怎么实现的

jquery.on()超级方法

$.on()方法是jquery1.7之后的一个超级方法,将事件绑定和事件委托整合到一个函数中去,支持绑定多个事件,并且可以绑定自定义事件.使用起来很方便. demo传送门事件委托首先说一下事件委托.假如有100个<li>元素需要绑定一个click事件,通常的做法是: $('li').click(eventHandler); function eventHandler(event){ alert(event.target.innerHtml); } 但是这样做有两个缺点: 每个元素绑定了相同

jQuery 源码分析 8：回头看jQuery的构造器（jQuery.fn，jQury.prototype，jQuery.fn.init.prototype的分析）

在第一篇jQuery源码分析中,简单分析了jQuery对象的构造过程,里面提到了jQuery.fn.jQuery.prototype.jQuery.fn.init.prototype的关系. 从代码中可以看出,这三者其实都是等价的,都是指向了jQuery.prototype,但这又是为什么呢?为什么要这么绕?一个jQuery.prototype不就解决问题了吗?带着这些疑问,再一次来看看其中的精妙之处. jQuery构造器 jQuery使用非常方便,其中一个原因就是我们在调用的时候并不需要使

设计师和开发人员更快完成工作需求的20个惊人的jqury插件教程（上）

[转] 设计师和开发人员更快完成工作需求的20个惊人的jqury插件教程(上) jquery的功能总是那么的强大,用他可以开发任何web和移动框架,在浏览器市场,他一直是占有重要的份额,今天,就给大家分享20惊人的jQuery插件为设计师和开发人员. 比方说The-M-Project 可能就是你正在等待的一个开源的手机的 HTML5 的 JavaScript 框架,通过它可编写 HTML5/CSS3/SVG 应用,并支持多数数据平台,包括 iOS, Android, Palm webOS, 和

JQury基础（一）样式篇

1 初识jQury 1.1 环境搭建 jQuery是一个JavaScript脚本库,不需要特别的安装,只需要我们在页面标签内中,通过 script 标签引入 jQuery 库即可. <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="ht

jQury+Ajax与C#后台交换数据

-------------------------------------------jQury+Ajax调用后台方法------------------------------------------- JS: function CarState(carID) { $.ajax({ type: "Post", url: "ShowMap.aspx/GetCarState",

jqury 右击事件插件

在有些时候,网页中需要给一些标签对象加入右击的事件,在网上看了一些小的插件,但是不能根据this获取到当前的标签.所以相对他们进行改进一下.自己写了一个小的js右击事件.废话不多说了,看代码. $(function () { $.fn.rightclick = function (f) { var _this = this; var pthis = $(_this.selector); //清除html的右击菜单 $(document).mousedown(function (e) { if (

jqury ajax 标准

参数名类型描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET".注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持. timeout Number 设置请求超时时间(毫秒).此设置将覆盖全局设置. async Boolean (默认: true) 默认设

jqury.jqzoom插件--放大镜

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> /*jQzoom*/ .jqzoom{ border:1px solid #BBB; float:left; position:relative; padding:0px; cursor:pointer; } d

带搜索框的下拉框chosen.jQury.js

下载所需js,css png资源 <link href="chosen.css" rel="stylesheet" type="text/css" /> <script src="../JS/jquery-1.8.8.js" type="text/javascript"></script> <script src="chosen.j

JS、JQury - 文本框内容改变事件

例子: 效果: 前端代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=&

Jqury笔记

1. --------------- -var aa = new Array(); aa.push(1); alert(aa[0]); var aa=[];也表示一个数组: -------------------------- var a = "sdfsfs"; if (typeof (a) == "string") alert("shfidfodsf"); else if (typeof (a) == "undefined"

自定义自己的jQury插件

对于一个商业插件来说,自定义插件的样式是必不可少的.我们可以通过我们自己输入不同的样式,来改变开发者的默认样式.比如说最常见的 width.height.url.color等等.要是没有这些自定义的东西,那开发者开发的插件的利用价值就大大的减小了. OK,下面的这个实例的意思是当我们hover一个对象的时候,它能改变它的text.background.foreground三个属性,也就是文本.背景色.前景色.用户可以设定他自己想设定的值,而不是固定死的.当然,如果用户没有设置,我们会给他一个默

【原创】用JQury来制作星星打分特效功能

前言常常我们看到一些评论,星星打分,今天我们就用Jq代码来实现,看看究竟是如何实现的其中有两个重要的事件mouseenter和mouseleave效果如下图代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charse

jqury的ajax

前端代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!DOCTYPE html PUBLIC "-//W

jqury中关于ajax的几个常用的函数

一: AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面. 有很多使用 AJAX 的应用程序案例:新浪微博.Google 地图.开心网等等. 二:传

jqury插件编写

sae中短信验证码: ; (function($) { $(document).ready(function() { if (parent && parent.location.href != location.href) parent.location.href = location.href; var timelineBox = $('.timeline-box') timelineBox.find('.progress .bar').each(function(k, v) { $(v

jqury表单验证

结合天天生鲜的用户注册页面,学习验证表单js register.js--表单验证源码 $(function(){ var error_name = false; var error_password = false; var error_check_password = false; var error_email = false; var error_check = false; //是否同意页面上的那个协议选框 $('#user_name').blur(function() { //blur

jqury动画，循环

一.动画效果就是定义一个小盒子,让这个小盒子以动画的形式变化尺寸, <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery 动画</title> <script type="text/javascript" src="js/jquery-1.12.4.min.j

jqury属性操作，特殊效果

一. 常用属性操作 1.html() 取出或设置html内容 // 取出html内容 var $htm = $('#div1').html(); // 设置html内容 $('#div1').html('<span>添加文字</span>'); 2.text() 取出或设置text内容 // 取出文本内容 var $htm = $('#div1').text(); // 设置文本内容 $('#div1').text('<span>添加文字</span>');

jqury关于cooke的操作写入cookie后只显示一次的DIV提示框代码

有时候当用户登录系统后,需要给用户弹出提示框,但是不需要总是弹出来,在这里加入访问cookie来判断是否弹出过提示框,如果弹出过那么保存cookie,下次根据cookie是否存在来判断是否弹出 <script type="text/javascript"> function cookiesave(n, v, mins, dn, path){ if(n) { if(!mins) mins = 365 * 24 * 60; if(!path) path = "/&qu

jqury 如何获取 kindeditor 中textarea 的值

获取文本内容,可是的创建时怎么也不能获取,利用FF的firebug查看到自己所写的内容在一个iframe中,于是想从iframe中获取文本,想要用 $(“ifame”).html();获取内容,可是依然不行,最终终于找到了解决方法,如下: 获取编辑器中的文本内容: $(document.getElementsByTagName('iframe')[0].contentWindow.document.body).html();(注:这个试过可以) 以下是其他获取iframe的方法: Js代码 $(

jqury .on 是怎么实现的

热门专题