html内容查询,HTML内容查询与设置:text()/html()

一、操作DOM对象

document.getElementsByTagName("li")[2].style.color="red"

//获取元素名为li的DOM(元素)对象，并且获取的是第3个li对象，“[2]”表示选择的是第3个索引(因为索引是从0开始算的)

二、操作jQuery对象

$()函数是jQuery的工厂函数，返回的是jQuery对象

$("li").css("color","red")

三、DOM对象与jQuery对象的相互转换：

1、DOM对象转为jQuery对象：只要将一个DOM对象作为参数传递给$()函数就可以

$(document.getElementsByTagName("li")[2]).css("color","blue")

2、jQuery对象转为DOM对象：对$()函数生成的jQuery查询对象使用get方法去将某个jQuery对象转为DOM对象

$("li").get(0).css("color","green")

//get方法中使用对象的索引，此时$()函数返回的不是jQuery对象，css方法是无效的了，这时执行代码会报错

$("li").get(0).style.color="green"

//应使用DOM对象的style方法(原生的javascript方法)才对

当然，不用get方法，直接在jQuery对象后面使用数组索引也是一样的

$("li")[4].style.color="green"

总结：jQuery对象和DOM对象相互转换，主要是为了使用对方的方法

3年前1