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随笔记录的更多相关文章

  1. MapXtreme 随笔记录1

    最近在用MapXtreme做项目,随笔记录备忘. 声明:PubMapPara 静态类,后缀为静态类成员变量 1.加载地图 /// <summary> /// 地图工作空间文件路径 /// ...

  2. jQuery——随笔

    jQuery——随笔 jQuery的parseInt方法 在使用parseInt方法的时候要注意解析失败的问题,解析失败返回的是NaN 计算sum=sum+parseInt(num);的时候可以报错, ...

  3. jquery删除记录弹出提示框

    来自于<jquery权威指南> ------------------- 点击删除时,弹出提示框,并做相应的删除确定或取消 完整代码如下: <!DOCTYPE html PUBLIC ...

  4. JQuery点滴记录-持续更新

    1. 获取各个控件的值 1)获取textArea等控件的值 2)获取span的值 3)删除ul下的所以li 2. jquery获取服务器控件dropdownlist的值 ddl_Type2为dropd ...

  5. 一些关于 checkbox的前台 jquery 操作 记录

    $(function() { //页面载入函数 var partList = jQuery.parseJSON( '${KeyWordsList}'); $.each(partList,functio ...

  6. JQuery随笔

    web请求中,外部样式文件的加载不影响页面,js的加载会影响页面的加载速度 window.onlond 页面所有元素加载完后执行包含js,css等加载完毕 $(function(){}) 页面中DOM ...

  7. 2016.8.16 JQuery学习记录

    1.$(document).ready(function(){}); 这个函数会在浏览器加载完页面之后,尽快执行: 2.所有的JQuery函数用有个$开始表示,All jQuery functions ...

  8. jquery学习记录

    1.选择器实例 语法 描述 $(this) 当前 HTML 元素 $("p") 所有 <p> 元素 $("p.intro") 所有 class=&q ...

  9. jQuery学习记录1

    jquery 和 js css里面都是坑呀 this.style.backgroundColor 和 css {background:#8df;} 是冲突的,用了前者,再$(this).addClas ...

随机推荐

  1. “智慧海绵城市”(SSC)监测评价体系整体解决方案

    一.方案简介 无论是内涝防治.黑臭水体治理,还是海绵城市规划设计及建设.评估,乃至未来智慧城市的建设,都需要有全面.致密.大量的城市水文监测数据和先进模拟仿真技术作基础支撑,唯有如此,决策才有据可依, ...

  2. KETTLE单表同步,写入EXCEL和TXT

    以下操作都在5.0.1版本下进行开发,其余版本可以进行自动比对 在平时工作当中,会遇到这种情况,而且很常见.比如:1.自动生成文件TXT或者EXCEL(电信行业该需求居多),上传至某服务器:2.双方数 ...

  3. JavaScript&&jQuery创建新节点和操作属性对比

    JavaScript创建新节点和操作属性 通过JavaScript原生接口创建节点,在处理上是非常复杂与繁琐的. <!DOCTYPE html> <html lang="e ...

  4. GRPC的metadata使用

    文章目录 一.简析 1.创建metadata 2.发送metadata 3.接收metadata 二.代码举例 1.proto文件编写 2.server端编写 3.client端编写 三.实际使用举例 ...

  5. CodeForces985G Team Players

    G. Team Players time limit per test 2 seconds memory limit per test 256 megabytes input standard inp ...

  6. [Python Basics]引用系统(The Import System)

    欲上高楼去避愁,愁还随我上高楼.经行几处江山改,多少亲朋尽白头. 归休去,去归休.不成人总要封侯?浮云出处元无定,得似浮云也自由. 我从短暂的Python工作当中学到一件事,越是模块化,就越会发现py ...

  7. 基于FPGA的图像开发平台 其他摄像头附件说明(OV5642 OV9655)

    基于FPGA的图像开发平台 其他摄像头附件说明 FPGA_VIP_V101 编者 奇迹再现 个人博客 http://www.cnblogs.com/ccjt/ 联系邮箱 Shenyae86@163.c ...

  8. 使用aop切面编写日志模块

    我们先自定义一个注解(一个有关自定义注解的LJ文章 https://www.cnblogs.com/guomie/p/10824973.html) /** * * 自定义日志注解 * Retentio ...

  9. Python3、setuptools、Pip3安装详解

    Python3.setuptools.Pip3安装详解 2017年08月19日 18:58:47 安静的技术控 阅读数:26002    版权声明:本文为博主原创文章,未经博主允许不得转载. http ...

  10. 201871010119-帖佼佼《面向对象程序设计(java)》第十三周学习总结

    博客正文开头格式: 项目 内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https://www.cnblogs.com/nw ...