jQuery的get()、map()、map().get().join()简单应用

1 .get()

获得由选择器指定的 DOM 元素
语法
$(选择器).get(index)
参数
规定获取哪个匹配元素(通过 index 编号获取,从0开始)

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#bt1").click(function() {
var x = $("p").get(0);
$("div").text(x.nodeName + ": " + x.innerHTML);
});
$("#bt2").click(function() {
var x = $("p").get(1);
$("div").text(x.nodeName + ": " + x.innerHTML);
});
});</script>
</head>

<body>
<p>测试01</p>
<p>测试02</p>
<button id="bt1">获得第一个p DOM 元素</button>
<button id="bt2">获得第二个p DOM 元素</button>
<div></div>
</body>
</html>

2 .map()

把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象
语法
.map(callback(index,domElement)))
参数
对当前集合中的每个元素调用的函数对象
详细说明
由于返回值是 jQuery 封装的数组，使用 get() 来处理返回的对象以得到基础的数组
可以通过 .get().join(',') 能够获得逗号分隔的文本信息,也可以定义为你想使用的其他符号

<!DOCTYPE html>
<html>
<head>
<style>p { color:red; }</style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<p><b>Values:</b></p>
<form>
<input type="text" name="name" value="admin" />
<input type="text" name="password" value="password" />
<input type="text" name="url" value="http://baidu.com" />
</form>
<button id="bt1">获取所有input元素的值</button>
<script type="text/javascript">
$("#bt1").click(function() {
var values = $("input").map(function() {
return $(this).val();
}).get().join(",");
$("p").append(values);
})
</script>
</body>
</html>

jQuery的get()、map()、map().get().join()简单应用相关推荐

【大数据day14】——MapReduce的运行机制详解（案列：Reduce 端实现 JOIN， Map端实现 JOIN，求共同好友）
文章目录 1 .MapReduce的运行机制详解 1.1:MapTask 工作机制详细步骤配置 1.2 :ReduceTask 工作机制详细步骤 1.3:Shuffle 过程 2. 案例: Re ...
php小程序地图处理,微信小程序地图map详解及简单实例
微信小程序地图map 微信小程序map 地图属性名类型默认值说明longitudeNumber中心经度 latitudeNumber中心纬度 scaleNumber1缩放级别 markersArra ...
Map和Set，简单模拟实现哈希表以及哈希表部分底层源码的分析
目录 Map和Set的简单介绍降低哈希冲突发生的概率以及当冲突发生时如何解决哈希冲突简单模拟实现哈希表--1.key为整形:2.key为引用类型哈希表部分底层源码的分析 1.Map和Set的简单 ...
斜45度瓦片地图（Staggered Tiled Map）里的简单数学
瓦片地图(Tiled Map)系列文章: 斜45度瓦片地图(Staggered Tiled Map)里的简单数学瓦片地图注意事项前段时间在做游戏的地图编辑功能,我们是在一个斜45度视角的场景上,对 ...
java map 实例_java中map集合嵌套形式简单示例
定义了一个学生类,封装了id和name属性,提供一个全参构造器,并复写toSting方法 class Student{ private String id; private String name; ...
python中map和星号的简单运用
自己随便试了试: map map(function, iterable, ...) map(函数,一堆元素) 也就是函数(元素),函数(元素),...并行的,结果存在一个格儿里. 下面是 (函数,两个 ...
详细介绍附代码：使用jquery，和php文件构建一个简单的在线聊天室，通过ip显示googlemap
最近学习了关于使用最为流行的jquery发送请求,在实践中以最为简单的聊天室作为测验的辅助工具,对相关网页开发有一个初步的认识,希望大家能够一起学习进步. 首先介绍一下相关文件信息和功能 ...
Map map = request.getParameterMap(); BeanUtils.populate(bean, map);对前端表单的迅速封装与判断
java对前端表单的迅速封装与判断Map map = request.getParameterMap(); BeanUtils.populate(bean, map);
java map class_Java：声明一个包含两个相关泛型类型的Map(Map,Class ？extends ClassB )...
另一种方法是提供自己的Map实现.如果扩展现有实现并使用新类型,则不需要太多代码: public class CompatibleHashMap extends HashMap, ClassB> ...
html 12306页面实现,jQuery模拟12306城市选择框功能简单实现方法示例
本文实例讲述了jQuery模拟12306城市选择框功能简单实现方法.分享给大家供大家参考,具体如下: www.jb51.net jQuery城市选择框 #parent{ width:500px; po ...

jQuery的get()、map()、map().get().join()简单应用

jQuery的get()、map()、map().get().join()简单应用相关推荐

最新文章

热门文章