热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

13JQuery笔记一大推方法

1、(*)JQuery中的事件绑定:$(“#btn”).bind(“click”,function(){}),每次都这么调用太麻烦,所以jQuery可以用$(“#btn”).cli

1、(*)JQuery中的事件绑定:
$(“#btn”).bind(“click”,
function(){}),每次都这么调用太麻烦,
所以jQuery可以用$(“#btn”).click(
function(){})来进行简化。unbind


2、 mouseover、mouseenter的区别:div里套div。见备注。和事件冒泡有关系。
3、 (*)合成事件hover,hover(enterfn,leavefn),当鼠标放在元素上时调用enterfn方
法,当鼠标离开元素的时候调用leavefn方法。


4、 事件冒泡:JQuery中也像Javascript一样是事件冒泡
阻止事件冒泡的方法是:
return false;
如果想获得事件相关的信息,只要给响应的匿名函数增加一个参数:e,e就是事件对象。调用事件对象的stopPropagation()方法终止冒泡。e.stopPropagation();
$(
"tr").click(function(e) { alert("tr被点击"); e.stopPropagation(); });//注意函数的参数是e阻止默认行为:有的元素有默认行为,比如超链接点击后会转向新链接、提交按钮默认会提交表单,如果想阻止默认行为只要调用事件对象的preventDefault()方法和Dom中的window.event.returnValue=false效果一样。$("a").click(function(e) { alert("所有超链接暂时全部禁止点击");
e.preventDefault(); });

5、toggle(function(){})方法,在页面导入的时候自动执行。注册多个事件的时候会
依次执行。

6、属性:pageX、pageY、target获得触发事件的元素(冒泡的起始,和this不一样)、which如果是鼠标事件获得按键 (1左键,2中键,3右键)。altKey、shiftKey、ctrlKey获得alt、shift、ctrl是按下,为bool值。keyCode 、charCode属性发生事件时的keyCode(键盘码,小键盘的1和主键盘的keyCode不一样)、charCode(ASC码) 。
7、移除事件绑定:bind()方法即可移除元素上所有绑定的事件,如果unbind("click")则只移除click事件的绑定。 bind:+=;unbind:-=一次性事件:如果绑定的事件只想执行一次随后立即unbind可以使用one()方法进行事件 绑定.
8. $(‘#btn‘).click({ "name": "小马" }, function (eee) {
alert(eee.data.name);
});
在创建方法的时候可以传入一个参数,可以通过参数.出来。
9、1、(*)JQuery中的事件绑定:
$(“#btn”).bind(“click”,
function(){}),每次都这么调用太麻烦,
所以jQuery可以用$(“#btn”).click(
function(){})来进行简化。unbind


2、 mouseover、mouseenter的区别:div里套div。见备注。和事件冒泡有关系。
3、 (*)合成事件hover,hover(enterfn,leavefn),当鼠标放在元素上时调用enterfn方
法,当鼠标离开元素的时候调用leavefn方法。


4、 事件冒泡:JQuery中也像Javascript一样是事件冒泡阻止事件冒泡的方法是:return false;
如果想获得事件相关的信息,只要给响应的匿名函数增加一个参数:e,e就是事件对象。
调用事件对象的stopPropagation()方法终止冒泡。e.stopPropagation();
$(
"tr").click(function(e) { alert("tr被点击"); e.stopPropagation(); });
//注意函数的参数是e阻止默认行为:
有的元素有默认行为,比如超链接点击后会转向新链接、提交按钮默认会提交表单,
如果想阻止默认行为只要调用事件对象的preventDefault()方法和Dom中的window.event.returnValue
=false效果一样。$("a").click(function(e) { alert("所有超链接暂时全部禁止点击");
e.preventDefault(); });

5、toggle(function(){})方法,在页面导入的时候自动执行。注册多个事件的时候会依次执行。

6、属性:pageX、pageY、target获得触发事件的元素(冒泡的起始,和this不一样)、
which如果是鼠标事件获得按(1左键,2中键,3右键)。
altKey、shiftKey、ctrlKey获得alt、shift、ctrl是按下,
为bool值。keyCode、charCode属性发生事件时的keyCode
键盘码,小键盘的1和主键盘的keyCode不一样)、charCode(ASC码)。
7、移除事件绑定:bind()方法即可移除元素上所有绑定的事件,
如果unbind(
"click")则只移除click事件的绑定。
bind:
+=;unbind:-=一次性事件:如果绑定的事件只想执行一次随后立即unbind可以使用one()方法进行事件绑定:
8. $(‘#btn‘).click({ "name": "小马" }, function (eee) {
alert(eee.data.name);
});
在创建方法的时候可以传入一个参数,可以通过参数.出来。
9、获得发生事件时鼠标的位置
$(document).mousemove(
function(e) {document.title = e.pageX + "," + e.pageY;});在mousemove、click等事件的匿名响应函数中如果指定一个参数e,那么就可以从e读取发生事件时的一些信息,比如对mousemove等鼠标事件,就可以读取e.pageX、e.pageY来获得发生事件时鼠标在页面的坐标。

 


推荐阅读
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • Web开发框架概览:Java与JavaScript技术及框架综述
    Web开发涉及服务器端和客户端的协同工作。在服务器端,Java是一种优秀的编程语言,适用于构建各种功能模块,如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示,同时借助JavaScript增强交互性和动态效果。此外,现代Web开发还广泛使用各种框架和库,如Spring Boot、React和Vue.js,以提高开发效率和应用性能。 ... [详细]
  • 网站访问全流程解析
    本文详细介绍了从用户在浏览器中输入一个域名(如www.yy.com)到页面完全展示的整个过程,包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]
  • 第二十五天接口、多态
    1.java是面向对象的语言。设计模式:接口接口类是从java里衍生出来的,不是python原生支持的主要用于继承里多继承抽象类是python原生支持的主要用于继承里的单继承但是接 ... [详细]
  • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
  • 本文深入解析了 jQuery 中用于扩展功能的三个关键方法:`$.extend()`、`$.fn` 和 `$.fn.extend()`。其中,`$.extend()` 用于扩展 jQuery 对象本身,而 `$.fn.extend()` 则用于扩展 jQuery 的原型对象,使自定义方法能够作为 jQuery 实例的方法使用。通过这些方法,开发者可以轻松地创建和集成自定义插件,增强 jQuery 的功能。文章详细介绍了每个方法的用法、参数及实际应用场景,帮助读者更好地理解和运用这些强大的工具。 ... [详细]
  • 本文探讨了使用JavaScript在不同页面间传递参数的技术方法。具体而言,从a.html页面跳转至b.html时,如何携带参数并使b.html替代当前页面显示,而非新开窗口。文中详细介绍了实现这一功能的代码及注释,帮助开发者更好地理解和应用该技术。 ... [详细]
  • 本文详细探讨了 jQuery 中 `ajaxSubmit` 方法的使用技巧及其应用场景。首先,介绍了如何正确引入必要的脚本文件,如 `jquery.form.js` 和 `jquery-1.8.0.min.js`。接着,通过具体示例展示了如何利用 `ajaxSubmit` 方法实现表单的异步提交,包括数据的发送、接收和处理。此外,还讨论了该方法在不同场景下的应用,如文件上传、表单验证和动态更新页面内容等,提供了丰富的代码示例和最佳实践建议。 ... [详细]
  • 在使用 jQuery 的 `html()` 方法时,我发现了一个奇怪的现象:该方法无法完整地插入指定的字符串内容。具体来说,当尝试插入较长或包含特殊字符的字符串时,部分内容可能会被截断或丢失。这一问题可能与 jQuery 对字符串的处理方式有关,建议在实际应用中进行充分测试以确保数据完整性。 ... [详细]
  • 在HTML5应用中,Accordion(手风琴,又称抽屉)效果因其独特的展开和折叠样式而广泛使用。本文探讨了三种不同的Accordion交互效果,通过层次结构优化信息展示和页面布局,提升用户体验。这些效果不仅增强了视觉效果,还提高了内容的可访问性和互动性。 ... [详细]
  • 本文详细介绍了 jQuery 的入门知识与实战应用,首先讲解了如何引入 jQuery 库及入口函数的使用方法,为初学者提供了清晰的操作指南。此外,还深入探讨了 jQuery 在实际项目中的多种应用场景,包括 DOM 操作、事件处理和 AJAX 请求等,帮助读者全面掌握 jQuery 的核心功能与技巧。 ... [详细]
  • jQuery插件验证与屏幕键盘功能的集成解决方案
    本文介绍了一种集成了验证功能和屏幕键盘的jQuery插件解决方案。该插件不仅提供了强大的表单验证功能,还引入了一个高度可定制的屏幕键盘,以增强用户体验。通过这一集成方案,开发者可以轻松实现复杂的表单验证逻辑,并为用户提供便捷的输入方式,特别适用于移动设备或特殊输入场景。 ... [详细]
  • 重要知识点有:函数参数默许值、盈余参数、扩大运算符、new.target属性、块级函数、箭头函数以及尾挪用优化《深切明白ES6》笔记目次函数的默许参数在ES5中,我们给函数传参数, ... [详细]
  • 秒建一个后台管理系统?用这5个开源免费的Java项目就够了
    秒建一个后台管理系统?用这5个开源免费的Java项目就够了 ... [详细]
  • 本文全面解析了JavaScript中的DOM操作,并提供了详细的实践指南。DOM节点(Node)通常代表一个标签、文本或HTML属性,每个节点都具有一个nodeType属性,用于标识其类型。文章深入探讨了DOM节点的创建、查询、修改和删除等操作,结合实际案例,帮助读者更好地理解和掌握DOM编程技术。 ... [详细]
author-avatar
怎么又是你呀
你讲话咧,撸起袖子加油干!!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有