jQuery随笔记录
DOM遍历
- parent()方法返回所选元素的直接父元素。(parent() 只能遍历单个级别的 DOM树)
- parents()方法获取所选元素的所有祖先
- children()所选元素的所有直接子元素
- siblings()所有兄弟元素
- next()/nextAll()下一个兄弟元素/下面所有兄弟元素
- prev()/prevAll()上一个兄弟元素/上面所有的兄弟元素1
- eq()具有特定索引号的元素
(例如,如果页面包含多个div元素,并且我们要选择第三个元素:)
$("div").eq(2);
删除元素
- remove删除选中元素
- empty()方法用于删除所选元素的子元素。
事件处理
当触发事件时执行的函数称为事件处理程序。
鼠标事件:
- click:单击时发生。
- dblclick:双击元素时触发。
- mouseenter:当鼠标指针进入所选元素时触发。
- mouseleave:鼠标指针离开所选元素时触发。
- mouseover:当鼠标指针在所选元素上方悬停时触发。
键盘事件:
- keydown:当按下键盘按键时会触发。
- keyup:当键盘按键被释放时会触发。
表单事件:
- submit:提交表单时触发。
- change:当表单元素的值发生改变时触发。
- focus:当表单元素获得焦点时触发。
- blur:当表单元素失去焦点时触发。
文件事件:
- ready:当DOM加载完成以后触发。
- resize:当浏览器窗口大小改变时触发。
- scroll:当用户在指定的元素中滚动滚动条时触发。
on()方法绑定事件
on()方法用于将相同的处理函数绑定到多个事件中的时候。可以使用空格分隔多个事件名称, 例如 可以为点击和双击事件使用相同的事件处理程序。
$("p").on( "click dblclick", function() {
alert("clicked");
});(on() 方法在被选元素及子元素上添加一个或多个事件处理程序。)
off()解除事件绑定
使用off()方法来删除事件处理程序。
$(“div”).on(“click”, function() {
alert(‘Hi there!’);
});
$(“div”).off(“click”);off()方法的参数是要删除的事件名称。
JQuery的事件对象
每个事件处理函数都可以接收一个事件对象,其中包含与该事件相关的属性和方法:
- pageX,pageY 事件发生时相对于页面左上角的鼠标位置(X和Y坐标)。
- type 键入事件的类型(例如“点击”)。
- which 哪个按钮或键被按下。
- data 数据绑定事件时传入的任何数据。
- target 定位发起事件的DOM元素。
- preventDefault() 阻止事件的默认动作(例如,在链接之后)。
- stopPropagation() 停止冒泡到其他元素的事件。
例如: 点击时提醒鼠标位置,并阻止打开链接:$(“a”).click(function(event) {
alert(event.pageX);
event.preventDefault();
});事件对象作为参数(就是以上代码中的 event 参数)传递给事件处理函数。
JQuery触发事件
使用trigger()方法以编程方式触发事件。 例如,你可以触发一个点击事件,而不需要用户实际点击一个元素:
$(“div”).click(function() {
alert(“点击了div!”);
});
$(“div”).trigger(“click”);trigger()方法不能用来模仿本机浏览器事件,比如点击一个文件文本框。 只能处理jQuery事件系统中的事件。
jQuery随笔记录的更多相关文章
- MapXtreme 随笔记录1
最近在用MapXtreme做项目,随笔记录备忘. 声明:PubMapPara 静态类,后缀为静态类成员变量 1.加载地图 /// <summary> /// 地图工作空间文件路径 /// ...
- jQuery——随笔
jQuery——随笔 jQuery的parseInt方法 在使用parseInt方法的时候要注意解析失败的问题,解析失败返回的是NaN 计算sum=sum+parseInt(num);的时候可以报错, ...
- jquery删除记录弹出提示框
来自于<jquery权威指南> ------------------- 点击删除时,弹出提示框,并做相应的删除确定或取消 完整代码如下: <!DOCTYPE html PUBLIC ...
- JQuery点滴记录-持续更新
1. 获取各个控件的值 1)获取textArea等控件的值 2)获取span的值 3)删除ul下的所以li 2. jquery获取服务器控件dropdownlist的值 ddl_Type2为dropd ...
- 一些关于 checkbox的前台 jquery 操作 记录
$(function() { //页面载入函数 var partList = jQuery.parseJSON( '${KeyWordsList}'); $.each(partList,functio ...
- JQuery随笔
web请求中,外部样式文件的加载不影响页面,js的加载会影响页面的加载速度 window.onlond 页面所有元素加载完后执行包含js,css等加载完毕 $(function(){}) 页面中DOM ...
- 2016.8.16 JQuery学习记录
1.$(document).ready(function(){}); 这个函数会在浏览器加载完页面之后,尽快执行: 2.所有的JQuery函数用有个$开始表示,All jQuery functions ...
- jquery学习记录
1.选择器实例 语法 描述 $(this) 当前 HTML 元素 $("p") 所有 <p> 元素 $("p.intro") 所有 class=&q ...
- jQuery学习记录1
jquery 和 js css里面都是坑呀 this.style.backgroundColor 和 css {background:#8df;} 是冲突的,用了前者,再$(this).addClas ...
随机推荐
- 机器学习笔记(六) ---- 支持向量机(SVM)【华为云技术分享】
版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/devcloud/article/detai ...
- 【nodejs原理&源码杂记(8)】Timer模块与基于二叉堆的定时器
[摘要] timers模块部分源码和定时器原理 示例代码托管在:http://www.github.com/dashnowords/blogs 一.概述 Timer模块相关的逻辑较为复杂,不仅包含Ja ...
- es6 proxy浅析
Proxy 使用proxy,你可以把老虎伪装成猫的外表,这有几个例子,希望能让你感受到proxy的威力. proxy 用来定义自定义的基本操作行为,比如查找.赋值.枚举性.函数调用等. proxy接受 ...
- 基于VMware Workstation下CentOS的搭建
网络安全学习内容 二.VMware安装CentOS系统 需要准备的文件: 从http://mirrors.huaweicloud.com/centos/7.7.1908/isos/x86_64/中下载 ...
- [TimLinux] Python 迭代器(iterator)和生成器(generator)
1. 可迭代对象 from collection import Iterable class Iterable(metaclass=ABCMeta): ... def __iter__(self): ...
- [TimLinux] django context_processor介绍
1. context django里面 render 函数,HttpResponse,都有一个参数,context={},这个参数用于将视图层处理得到的数据传递到模板层. 2. context_pro ...
- BZOJ3110[Zjoi2013]K大数查询(树状数组+整体二分)
3110 [Zjoi2013]K大数查询 有N个位置,M个操作.操作有两种,每次操作如果是1 a b c的形式表示在第a个位置到第b个位置,每个位置加入一个数c如果是2 a b c形式,表示询问从第a ...
- ZOJ-1709
The GeoSurvComp geologic survey company is responsible for detecting underground oil deposits. GeoSu ...
- 关于Java调用接入微信、支付宝支付提现
前言: 本篇文章介绍关于自己写的一个集成微信.支付宝的支付.提现等功能的介绍,本项目已在码云上进行开源,欢迎大家一起来进行改造,使进行更好的创新供大家使用:也有对应的pom文件坐标可以导入,因目前不知 ...
- JavaScript原型 补充
js原型 // 构造函数 = 类 function A(){} let a1 = new A(); // 添加原型 num => 类似于属性 A.prototype.num = 100; con ...