JQuery Event属性说明

JQuery事件中的Event属性是经常性的被忽略的.大多数时间你的确不怎么用它,但有些时候它还是有作用的. 如获知触发时用户的环境(是否按了shift etc).每个浏览器对event都有不同的地方,Jquery对Event做了标准化所以可以放心用. * .target 这个反应触发事件的DOM对象,可以在事件冒泡的时候判断是否是事件源头(compare event.target to this) * .pageX: 鼠标的left属性,相对于page * .pageY: 鼠标的top属…

jQuery Event.which 属性详解

jQuery Event.which 属性详解 which属性用于返回触发当前事件时按下的键盘按键或鼠标按钮. 对于键盘和鼠标事件,该属性用于确定你按下的是哪一个键盘按键或鼠标按钮. which属性对DOM原生的event.keyCode和event.charCode进行了标准化. 适用的事件类型主要有键盘事件:keypress.keydown.keyup,以及鼠标事件:mouseup.mousedown. 该属性属于jQuery的Event对象(实例). 语法 jQuery 1.1.3 新增该…

第二十五课：jQuery.event.trigger的源码解读

本课主要来讲解jQuery.event.trigger的源码解读. trigger = function(event, data, elem, onlyHandlers){ if(elem && (elem.nodeType === 3 || elem.nodeType ===8)){ //触发的元素节点不能是文本节点和注释节点 return; } var cache, exclusive, i, cur, old, ontype, special, handle, eventPath,…

第二十四课：jQuery.event.remove，dispatch的源码解读

本课还是来讲解一下jQuery是如何实现它的事件系统的.这一课我们先来讲一下jQuery.event.remove的源码解读. remove方法的目的是,根据用户传参,找到事件队列,从里面把匹配的handleObj对象移除,在参数不足的情况下,可能移除多个或所有的handleObj.当队列的长度为0(当某事件的事件处理函数数组为空时,就代表此类型事件没有事件处理函数了,因此移除此事件)时,就移除相应的事件,当events为空对象(events是元素绑定的所有事件类型的集合,当它为空时,就代表元素…

第二十三课：jQuery.event.add的原理以及源码解读

本课主要来讲解一下jQuery是如何实现它的事件系统的. 我们先来看一个问题: 如果有一个表格有100个tr元素,每个都要绑定mouseover/mouseout事件,改成事件代理的方式,可以节省99次绑定,更何况它还能监听将来添加的tr元素.这就是jQuery中的live方法. 这种机制使用的是事件冒泡机制实现的,我们把事件处理函数绑定在tr的父元素上,然后再tr上面触发的事件会冒泡到tr的父元素,因此父元素就可以触发这个事件处理函数,在事件处理函数中就可以通过这个event获取到事件源,然后…

jQuery.event详细解析

介绍之前先介绍jQuery的一个方法 jQuery.event.fix(event || window.event); 此方法个浏览器的event对象转换为 jQuery.event; 如果您的事件是通过jQuery方法绑定的,就不需要进行转换了! jQuery在遵循W3C规范的情况下,对事件的常用属性进行了封装,使得事件处理在各大浏览器下都可以正常的运行而不需要进行浏览器类型判断. 1.event.type属性该方法作用是可以获取到时间的类型 $("a").click(functio…

jQuery 方法属性

Attribute:$("p").addClass(css中定义的样式类型); 给某个元素添加样式$("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值,参数是map $("img").attr("src","test.jpg"); 给某个元素添加属性/值 $("img").att…

jquery type属性语法

jquery type属性语法作用:type 属性描述触发哪种事件类型.大理石直角尺语法:event.typ 参数: 参数描述 event 必需.规定要检查的事件.这个 event 参数来自事件绑定函数. jquery type属性示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jqu…

jquery timeStamp属性语法

jquery timeStamp属性语法作用:timeStamp 属性包含从 1970 年 1 月 1 日到事件被触发时的毫秒数.直线模组语法:event.timeStam 参数: 参数描述 event 必需.规定返回该时间戳的事件.这个 event 参数来自事件绑定函数. jquery timeStamp属性示例 <html> <head> <script type="text/javascript" src="http:/…

jquery target属性语法

jquery target属性语法作用:target 属性规定哪个 DOM 元素触发了该事件.大理石平台精度等级语法:event.targe 参数: 参数描述 event 必需.规定需要检查的事件.这个 event 参数来自事件绑定函数. jquery target属性示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs…

jquery result属性语法

jquery result属性语法作用:result 属性包含由被指定事件触发的事件处理器返回的最后一个值,除非这个值未定义.大理石平台精度等级语法:event.resul 参数: 参数描述 event 必需.规定返回的最后一个值来自哪个事件.这个 event 参数来自事件绑定函数. jquery result属性示例 <html> <head> <script type="text/javascript" src="h…

jquery pageY属性语法

jquery pageY属性语法作用:pageY() 属性是鼠标指针的位置,相对于文档的上边缘.直线模组语法:event.page 参数: 参数描述 event 必需.规定要使用的事件.这个 event 参数来自事件绑定函数. jquery pageY属性示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/…

jquery pageX属性语法

jquery pageX属性语法作用:pageX() 属性是鼠标指针的位置,相对于文档的左边缘. 语法:event.page 参数: 参数描述 event 必需.规定要使用的事件.这个 event 参数来自事件绑定函数. jquery pageX属性示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.…

jQuery.event.move

http://stephband.info/jquery.event.move/ Move events movestart Fired following touchmove or mousemove, when the touch (or mouse) crosses a threshold distance from the position of the mousedown or touchstart. move Fired on every animation frame where…

JQuery常用属性操作，动画，事件绑定

jQuery 的属性操作 html() 它可以设置和获取起始标签和结束标签中的内容. 跟 dom 属性 innerHTML 一样. text() 它可以设置和获取起始标签和结束标签中的文本. 跟 dom 属性 innerText 一样. val() 它可以设置和获取表单项的 value 属性值. 跟 dom 属性 value 一样这三个方法,空参表示获取,带参表示修改或者设置. 通过获取多个JQuery对象,分别对他们得值进行修改 attr() …

jQuery的属性

The Write Less , Do More ! jQuery的属性 1. attr(name|properties|key,value|fn) : 设置或返回被选元素的属性值 ①获取属性 <img src="" alt="jQuery" /> <script type="text/javascript"> $(function(){ console.log($("img").attr("…

深入浏览器兼容细数jQuery Hooks 属性篇

关于钩子:http://www.cnblogs.com/aaronjs/p/3387906.html 本章的目的很简单,通过钩子函数更细节的了解浏览器差异与处理方案, 版本是2.0.3所以不兼容ie6.7.8,所以对应了钩子会少很多.. 总的来说钩子在.attr(), .prop(), .val() and .css() 四种操作中会涉及属性操作的钩子 propFix propHooks attrHooks valHooks jQuery.propFix 中的对象源码部分 1:保留值属性名…

jquery html属性和text属性的区别

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery html属性和text属性的…

【前端】原生event对象和jquery event对象的区别

标准DOM event对象转换成 jQuery event对象 $(event) jQuery event对象转换成标准DOM event对象 event.originalEvent…

极客技术专题【007期】：jQuery初学者入门 - jQuery Event

日期:2013-8-19 来源:GBin1.com 技术专题介绍专题:jQuery初学者入门[第三讲:jQuery Event] 分享人:极客标签技术编辑 -Lana (请站内关注分享人) 授课时间:2013/08/22(周四) 20:00-21:00 课程类型:公开专题难度:初级课程时间:60min 课程介绍: 上周我们介绍了jquery的DOM操作,本周我们将继续了解—— jquery Event. 授课方式:课程平台 - 请选择当前技术分享日期并且点击进入即可报名方式:社区用户…

jQuery event,冒泡,默认事件用法

jQuery event,冒泡,默认事件用法 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName()…

jQuery 操作属性

jQuery 操作属性我们来看看jQuery 操作属性都有哪些???? 属性 css代码!! html代码!! jQuery代码!! 下面做一个小例子小例子html的代码小例子jQuery的代码小例子的效果 jquery中attr和prop的区别在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很多.这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理…

jquery之属性操作

jQuery之属性操作相信属性这个词对大家都不陌生.今天我就给大家简单地介绍一下JQuery一些属性的操作属性一共分三大类一.基本属性 1.attr 2.removeAttr 3.prop 4.removeprop html代码 <div id="box1">菜单</div> <div id="box2" class="hezi">123</div> <input type="…

jQuery.support属性

jQuery.support 属性包含表示不同浏览器特性或漏洞的属性集. 此属性主要用于 jQuery 的内部使用 jQuery.support主要包括以下测试: boxModel: 如果这个页面和浏览器是以W3C CSS盒式模型来渲染的,则等于true.通常在IE 6和IE 7的怪癖模式中这个值是false.在document准备就绪前,这个值是null. cssFloat: 如果用cssFloat来访问CSS的float的值,则返回true.目前在IE中会返回false,他用styleFlo…

前端 ----jQuery的属性操作

04-jQuery的属性操作 jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作.比如attr().removeAttr() DOM属性操作:对DOM元素的属性进行读取,设置和移除操作.比如prop().removeProp() 类样式操作:是指对DOM属性className进行添加,移除操作.比如addClass().removeClass().toggleClass() 值操作:…

jQuery 查找属性

jQuery 查找属性示例: <div xsk='123' > <div xsk='456' > // 具有xsk属性的所有标签 $('[xsk]') // xsk属性等于123的标签 $('[xsk="123"]') 其他: 表单对象属性 // 查找可输入的input :enabled // 查找不可输入的input :disabled…

HTML5 元素拖拽实现及 jquery.event.drag插件

如上图片: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>可拖拽的元素组件</title> <style> #d1 {width:800px; height:100px; border:1px solid #ddd; bac…

python 全栈开发，Day54(jQuery的属性操作,使用jQuery操作input的value值,jQuery的文档操作)

昨日内容回顾 jQuery 宗旨:write less do more 就是js的库,它是javascript的基础上封装的一个框架在前端中,一个js文件就是一个模块一.用法: 1.引入包 2.入口函数 $(fn(){}); 3.事件处理处理dom(文档中的所有的元素) 二.筛选选择器(重点) 三.动画 $('div').show(3000)/hide()/toggle() slideDown/slideUp/slideToggle() fadeOut()隐藏/fadeIn()/fadeT…

让FireFox支持window.event属性

场景描述: 在用户行为采集的过程中,需要侦听window下的event对象,根据事件类型做相应的过滤处理,但在firefox下window.event是未定义的: 问题分析: 要想获取event属性共有两种方法:一种是访问window.event属性,另一种便是事件响应函数的第一个参数.当不支持event属性时,只有后者可以获取到event:如何在事件响应函数中的任何地方准确捕捉到event属性呢?比如事件函数内部嵌套了其他回调函数,在回调函数中使用event,直接使用arguments[0]是…

jQuery二——属性操作、文档操作、位置属性

一.jquery的属性操作 jquery对象有它自己的属性和方法. 其中jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作. 1.html属性操作是对html文档中的属性进行读取.设置和移除操作.比如attr(),removeAttr(). (1)attr:设置属性值或者返回被选元素的属性值 $('button').click(function () { // jquery的属性操作,html属性操作:attr() // attr如果有一个参数,表示获…

【JQuery Event属性说明】的更多相关文章