内置遍历数组的函数：

1.

$.map(array, function() {

});

取到数组或者对象array中每一项进行遍历  然后在function中处理：

var attr = [1,2,3];

var newattr = $.map(attr, function(index) {

    return index*2;

});

console.log(newattr);

得到//newattr = [2,4,6]

2.

$.each(attr, function(key,value) {

});

对数组或者对象中每一项进行遍历  然后在function中处理：

var attr = ["name","age","say"];

$.each(attr, function(key,value) {

    alert(attr[key]);

   //console.log(this);

});

事件：

bind()     向匹配元素附加一个或更多事件处理器

blur()     触发、或将函数绑定到指定元素的 blur 事件

change()     触发、或将函数绑定到指定元素的 change 事件

click()     触发、或将函数绑定到指定元素的点击事件

dblclick()     触发、或将函数绑定到指定元素的双击事件

delegate()     向匹配元素的当前或未来的子元素附加一个或多个事件处理器

die()     移除所有通过 live() 函数添加的事件处理程序。

error()     触发、或将函数绑定到指定元素的 error 事件

event.isDefaultPrevented()     返回 event 对象上是否调用了 event.preventDefault()。

event.pageX     相对于文档左边缘的鼠标位置。

event.pageY     相对于文档上边缘的鼠标位置。

event.preventDefault()     阻止事件的默认动作。

event.result     包含由被指定事件触发的事件处理器返回的最后一个值。

event.target     触发该事件的 DOM 元素。

event.timeStamp     该属性返回从 1970 年 1 月 1 日到事件发生时的毫秒数。

event.type     描述事件的类型。

event.which     指示按了哪个键或按钮。

focus()     触发、或将函数绑定到指定元素的 focus 事件

keydown()     触发、或将函数绑定到指定元素的 key down 事件

keypress()     触发、或将函数绑定到指定元素的 key press 事件

keyup()     触发、或将函数绑定到指定元素的 key up 事件

live()     为当前或未来的匹配元素添加一个或多个事件处理器

load()     触发、或将函数绑定到指定元素的 load 事件

mousedown()     触发、或将函数绑定到指定元素的 mouse down 事件

mouseenter()     触发、或将函数绑定到指定元素的 mouse enter 事件

mouseleave()     触发、或将函数绑定到指定元素的 mouse leave 事件

mousemove()     触发、或将函数绑定到指定元素的 mouse move 事件

mouseout()     触发、或将函数绑定到指定元素的 mouse out 事件

mouseover()     触发、或将函数绑定到指定元素的 mouse over 事件

mouseup()     触发、或将函数绑定到指定元素的 mouse up 事件

one()     向匹配元素添加事件处理器。每个元素只能触发一次该处理器。

ready()     文档就绪事件（当 HTML 文档就绪可用时）

resize()     触发、或将函数绑定到指定元素的 resize 事件

scroll()     触发、或将函数绑定到指定元素的 scroll 事件

select()     触发、或将函数绑定到指定元素的 select 事件

submit()     触发、或将函数绑定到指定元素的 submit 事件

toggle()     绑定两个或多个事件处理器函数，当发生轮流的 click 事件时执行。

trigger()     所有匹配元素的指定事件

triggerHandler()     第一个被匹配元素的指定事件

其中上述event事件的用法实例：

<script type="text/javascript">

$(document).ready(function(){

  $("p, button, h1, h2").click(function(event){

    $("div").html("点击事件由一个 " + event.target.nodeName + " 元素触发");

  });

});

</script>

</head>

<body>

<h1>这是一个标题</h1>

<h2>这是另一个标题</h2>

<p>这是一个段落</p>

<button>这是一个按钮</button>

<p>标题、段落和按钮元素定义了一个点击事件。如果您触发了事件，下面的 div 会显示出哪个元素触发了该事件。</p>

<div></div>

</body>

</html>

jquery （内置遍历数组的函数，事件）的更多相关文章

  1. Python内置的字符串处理函数整理

    Python内置的字符串处理函数整理 作者: 字体:[增加 减小] 类型:转载 时间:2013-01-29我要评论 Python内置的字符串处理函数整理,收集常用的Python 内置的各种字符串处理 ...

  2. PHP内置的字符串处理函数

    字符串的特点    1.其他类型的数据用在字符串类型处理函数中,会自动将其转化成字符串后,在处理 <?php echo substr("abcdefghijklmn",2,4 ...

  3. 原生js使用forEach()与jquery使用each遍历数组，return false 的区别

    原生js使用forEach()与jquery使用each()遍历数组,return false 的区别: 1.使用each()遍历数组a,如下: var a=[20,21,22,23,24]; $.e ...

  4. thinkPHP内置字符串截取msubstr函数用法详解

    作者:陈达辉 字体:[增加 减小] 类型:转载 时间:2016-11-15 我要评论 这篇文章主要介绍了thinkPHP内置字符串截取函数用法,结合实例形式分析了thinkPHP内置的字符串截取函数功 ...

  5. python内置常用高阶函数(列出了5个常用的)

    原文使用的是python2,现修改为python3,全部都实际输出过,可以运行. 引用自:http://www.cnblogs.com/duyaya/p/8562898.html https://bl ...

  6. 用JQuery内置animate方法实现数字递增动画

    平时使用animate只用于dom节点的动画,无意间发现JQuery内置的animate方法可实现数字动画,JQ还是挺强大的! 动画效果为从0一步步跳到84,代码如下: $({ // 起始值 coun ...

  7. 0513JS数组内置方法、数学函数、时间函数

    |数组中常用的内置方法|-push()与pop()|--push()是往数组的尾部添加,同时返回新数组的长度 var attr = [1,2,3,4,5];var attr2 = [6,7,8,9,0 ...

  8. 利用jQuery内置的data()方法存储数据

    jQuery提供了内置的data()方法,与DOM元素不同的是,它可以用来存储key/value类型的数据.数据的存储是很容易的: $('#myDiv').data('currentState', ' ...

  9. Hive学内置条件和字符串函数

    https://blog.csdn.net/skywalker_only/article/details/38752003 条件函数 下表为Hive支持的一些条件函数. 返回类型 函数名 描述 T i ...

随机推荐

  1. PHP中跳出循环break,continue,return,exit的区别

    1. return 语句的作用       (1) return 从当前的方法中退出,返回到该调用的方法的语句处,继续执行.       (2) return 返回一个值给调用该方法的语句,返回值的数 ...

  2. MySQL的安装+可视化工具+JDBC的增删改查

    1.Mysql和可视化工具的安装 安装包网上有很多资源.这里推荐一个我一直在用的学习网站,上面有提供安装包和详细的说明. http://how2j.cn/k/mysql/mysql-install/3 ...

  3. nyoj 98-成绩转换 (if, else if)

    98-成绩转换 内存限制:64MB 时间限制:3000ms 特判: No 通过数:49 提交数:74 难度:1 题目描述: 输入一个百分制的成绩M,将其转换成对应的等级,具体转换规则如下: 90~10 ...

  4. Ubuntu 16.04源码编译boost库 编写CMakeLists.txt | compile boost 1.66.0 from source on ubuntu 16.04

    本文首发于个人博客https://kezunlin.me/post/d5d4a460/,欢迎阅读! compile boost 1.66.0 from source on ubuntu 16.04 G ...

  5. 洛谷P2634 聪聪可可 （点分治）

    ###题目链接### 题目大意: 给你一棵树,假如树上两点间的距离是 3 的倍数 的点对有 s 对,则输出最简分数  s/n ,其中 n 表示所有整棵树的点对总数. 分析: 1.显然,可以采用点分治. ...

  6. 堆 堆排序 优先队列 图文详解（Golang实现）

    引入 在实际应用中,我们经常需要从一组对象中查找最大值或最小值.当然我们可以每次都先排序,然后再进行查找,但是这种做法效率很低.哪么有没有一种特殊的数据结构,可以高效率的实现我们的需求呢,答案就是堆( ...

  7. vue 原生添加滚动加载更多

    vue中添加滚动加载更多,因为是单页面所以需要在跳出页面时候销毁滚动,要不会出现错乱.我们在mounted建立滚动,destroyed销毁滚动. mounted () { window.addEven ...

  8. JAVA中字符串常见操作

    String str1="hello,world";String str2="Hello,World"; 1.字符串的比较:例,System.out.print ...

  9. SpringCloud Alibaba微服务实战一 - 基础环境准备

    Springcloud Aibaba现在这么火,我一直想写个基于Springcloud Alibaba一步一步构建微服务架构的系列博客,终于下定决心从今天开始本系列文章的第一篇 - 基础环境准备. 该 ...

  10. day20191104笔记

    MyBatis笔记: 一.MyBatis半自动ORM映射框架, 将数据库中的数据和程序中的数据进行自动映射的前提条件 1. 数据库中的字段必须和程序中的属性保持一致 2. 程序中属性的数据类型必须是基 ...