JS Jquery 中 的遍历
$.each()和$().each(),以及forEach()的用法
1.forEach是js中遍历数组的方法,如下
var arr=[1,2,3,4];arr.forEach(function(val,index,arr){//val为数组中当前的值,index为当前值的下表,arr为原数组 arr[index]=2*val;});console.log(arr);//结果是修改了原数组,为每个数乘以2
2.$.each()是jquery中遍历数组的方法,如下
var arr=[1,2,3,4];$.each(arr,function(i,n){ alert("索引"+i+"对应的值"+n);});
3.$().each()方法规定为每个匹配元素规定运行的函数,如下:
<!DOCTYPE html><html><head> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("li").each(function(){ alert($(this).text()) }); }); }); </script></head><body><button>输出每个列表项的值</button><ul> <li>Coffee</li> <li>Milk</li> <li>Soda</li></ul></body></html>
如果有什么不对的地方欢迎指正!
转载于:https://www.cnblogs.com/ZGQ-VIP/p/10074858.html
JS Jquery 中 的遍历相关推荐
- js中的遍历和jquery中的遍历
1.map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组. 使用实例: var ary = [12,23,24,42,1]; var res = ary.map(func ...
- jquery 中后代遍历之children、find区别
jquery 中children.find区别 首先看一段HTML代码,如下: 1 <table id="tb"> 2 <tr> 3 <td>0 ...
- js/jquery中实现图片轮播
一,jquery方法 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type&qu ...
- php延时5秒显示,在JS/jQuery中如何实现DIV延时几秒后消失或显示
这篇文章主要介绍了JS/jQuery实现p延时几秒后消失或显示的方法,结合实例形式分析了javascript使用setTimeout及jQuery使用delay方法实现延迟显示功能的相关操作技巧,需要 ...
- JS/Jquery 中移除子元素的问题
1.前端样式: <p id="p1" class="card-description"><code>商品信息</code>& ...
- jQuery中的遍历和Ajax总结
总览 Ajax 方法 load() load() 方法从服务器加载数据,并把返回的数据放入被选元素中. $(selector).load(URL,data,callback); //必需的 URL 参 ...
- js跳转传递php参数,将JS / Jquery中的参数传递到另一页上的PHP
$.ajax({ type: 'POST', url: 'otherpage.php', data: $('form').serialize(), //you may want to give id ...
- 在JS/jQuery中,怎么触发input的keypress/keydown/keyup事件?
怎么触发keypress/keydown/keyup事件? 问题: 1.在之前的写的input后面添加了搜索按钮 2.input只有keyup事件,如下: $("#desktop_folde ...
- jquery中的map()方法与js中的map()方法
1.jquery中的map()方法 首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...
- jquery中ajax加载js和json文件
全栈工程师开发手册 (作者:栾鹏) jquery系列教程6-AJAX全解 jquery中ajax加载js文件 jquery中ajax加载js文件的函数为getScript() 代码如下: $.getS ...
最新文章
- oracle的用户自定义异常
- fatal: unable to access : The requested URL returned error: 403
- geoprocessor and georocessing 的关系
- 奇怪的象棋游戏及升级版
- TreeView 控件帮助文件
- 20分钟充满!华为P50系列或最高支持100W超级快充
- cfd初学者怎么调试适合自己使用的linux系统
- 内网计算机可以使用键盘,如何在同一个局域网里一套键盘鼠标操作多台电脑?...
- rank 开窗函数_开窗函数(分析函数)
- 怎样用stm32驱动ds18b20温度芯片
- JavaScript - 自定义属性 -
- 最全空降Golang资料补给包(满血战斗),包含文章,书籍,作者论文,理论分析,开源框架,云原生,大佬视频,大厂实战分享ppt
- 和平精英分数计算机制,和平精英掉分机制怎么计算
- 【WinForm】TextBox只能输入数字
- MPLS LDP的原理与配置
- 将标签转为onehot编码
- 【Linux杂篇】Windows远程登陆Linux、Linux静态IP配置
- 华为公司如何开好经营分析会(战略落地的核心抓手)?
- html设置字体比12还小,css字体更小 css比12px更小的方法
- jQuery和CSS3定制HTML5视频播放器