jquery api .get()

最新推荐文章于 2023-08-28 22:29:25 发布

依然那么楞

最新推荐文章于 2023-08-28 22:29:25 发布

阅读量1k

点赞数

文章标签： jquery api get

本文链接：https://blog.csdn.net/ling811/article/details/17761821

版权

.get(index)

描述: 通过jQuery对象获取一个对应的DOM元素。

.get([index])

index

类型: Number

从0开始计数，用来确定获取哪个元素。

.get() 方法允许我们直接访问jQuery对象中隐含的DOM节点。假设我们页面上有一个简单的无序列表：

例子:

Example: 给出点中元素的标签名。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
 <style>
  span { color:red; }
  div { background:yellow; }
  </style>
  <script src="jquery-1.10.2.js"></script>
</head>

<body>
<span> </span>
  <p>In this paragraph is an <span>important</span> section</p>
 
  <div><input type="text" /></div>
  <script>
  	$("*",document.body).click(function(e){
		e.stopPropagation();
		var domE1 = $(this).get(0);
		$("span:first").text("Clicked on - "+ domE1.tagName);
	});
  </script>
</body>
</html>

效果图：

.get()

描述: 通过检索匹配jQuery对象得到对应的DOM元素。

这个方法不接收任何参数

例子:

选择文档中的所有div，并且作为一个数组返回。然后使用浏览器原生的 reverse 方法将数组翻转。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
 <style>
  span { color:red; }
 </style>
  <script src="jquery-1.10.2.js"></script>
  
</head>

<body>

   Reversed - <span></span>
 
    <div>One</div>
    <div>Two</div>
    <div>Three</div>
  <script>	
	function disp(divs){
		var a = [];
		for (var i=0; i<divs.length;i++){
			a.push(divs[i].innerHTML);
		}
		$("span").text(a.join(" "));
	}
	disp($("div").get().reverse());
	
  </script>
</body>
</html>

效果图：