jquerydom操作方法 jQuery DOM 元素方法 - get() 方法

jquerydom操作方法

jQuery DOM操作方法是jQuery中最常用的方法之一，它可以让我们快速地操作DOM元素，从而实现页面的动态效果。

jQuery DOM操作方法主要包括：获取元素、创建元素、修改元素、删除元素、复制元素、插入元素和包装集合。

// 获取元素 
$("#id") // 通过id获取 
$(".class") // 通过class获取 
$("div") // 通过标签名获取 
$("*") // 获取所有元素 
$("div p") // 获取所有div下的p标签 

 
// 创建元素 
var newElement = $("
"); // 创建一个新的div标签 
newElement.attr("id","newDiv"); // 给新创建的div标签设定id属性 
newElement.appendTo($("body")); // 把新创建的div标签加到body中去   

  
// 修改元素  
$("#id").html('Hello World'); // 把id为"id"的标签内容修改为"Hello World"   

  
// 删除元素   $("#id").remove(); // 删除id为"id"的标签   

  
// 复制元素    var newElement = $("#oldId").clone(); // 复制id为"oldId"的标签    

  														    // 插入元
jQuery DOM 元素方法 - get() 方法





jQuery DOM 元素方法




实例

获得第一个 p 元素的名称和值：

$("button").click(function(){
  x=$("p").get(0);
  $("div").text(x.nodeName + ": " + x.innerHTML);
});


亲自试一试




定义和用法

get() 方法获得由选择器指定的 DOM 元素。

语法

$(selector).get(index)



参数
描述



index
可选。规定获取哪个匹配元素（通过 index 编号）。






jQuery DOM 元素方法