当前位置:首页>开发>正文

jquery中eq和get的区别与使用方法 如何写jQuery Ajax的$.get()方法和$.post()方法

2023-07-05 18:35:39 互联网 未知 开发

 jquery中eq和get的区别与使用方法 如何写jQuery Ajax的$.get()方法和$.post()方法

jquery中eq和get的区别与使用方法

一个是选择器,一个是获得由选择器指定的 DOM 元素。

:eq() 选择器选取带有指定 index 值的元素。
index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。
如:$("p:eq(1)").css("background-color","#B2E0FF")
改变第二个q标签背景色

get() 方法获得由选择器指定的 DOM 元素。
x=$("p").get(0)
$("div").text(x.nodeName ": " x.innerHTML)//P: xiaojie
获得标签p指定的dom元素

如何写jQuery Ajax的$.get()方法和$.post()方法

$("button").click(function(){
  $.get("demo_test.asp",function(data,status){
    alert("Data: "   data   " Status: "   status)
  })
})

$("input").keyup(function(){
  txt=$("input").val()
  $.post("demo_ajax_gethint.asp",{suggest:txt},function(result){
    $("span").html(result)
  })
})

JQuery中eq和get的区别

你好,

首先,这两个方法(eq和get)都可以取得一个NodeList中的第n个元素,用法如下:
$(div).eq(2)
$(div).get(2)不同在于:

eq返回的仍然是一个jQuery包装对象,可以继续链式调用jQuery提供的方法
get返回的则是一个普通的DOM对象,只能调用普通的DOM方法
例:

var nodelist = $(div)
// eq
nodelist.eq(2).html() // 正确执行
nodelist.eq(2).innerHTML // undefined
// get
nodelist.get(2).html() // $(...).get(...).html is not a function
nodelist.get(2).innerHTML // 正确执行希望能解决你的问题。

最新文章