首页 > 技术文章 > jQuery-理解选择结果

yw0219 2016-10-10 09:46 原文

使用$函数选择元素返回的是一个对象,可以称这个对象为jQuery对象,在jQuery执行一些操作的时候很多情况下都是返回的jQuery对象。

jQuery中常用处理结果集的方法和属性
表达式 例子 说明 备注
each(function)

$("form:input").each(

function(i){alert(this.id);}

)

遍历结果集,弹出每个元素的id

i代表当前循环到的元素的序号;

this代表当前元素对象。

get(index) $(".text").get(3) 获得结果集中的第三个元素,并转换为HTMLElement对象  
length $("p").length 返回结果集长度 同size()方法
selector $("ul li:gt(2)").selector

返回选择器的表达式,

但并不是像超链接中介绍的返回字符串,而是undefined

与结果集无关,不知作用。
size() $("p").size() 返回结果集长度 同length属性
toArray() $("ul li").toArray() 返回结果集的HTMLElement对象数组格式  

问题思考:
  1)jQuery对象怎么得到普通HTMLElement对象
    答:get(index)、toArray()
  2)怎么由DOM对象生成jQuery对象
    答:$(DOM对象)
  3)迭代处理jQuery对象内含的DOM对象
    答:each(function)
  4)举例说明用jQuery比js方便?  

    答:

      1.修改多个元素

      几乎jQuery对象的内部的所有方法都是直接修改内部含的全部元素
      $("div").css('background','pink');
      2.链式方法调用
      调用一个方法修改jQuery内元素的内容,这个方法的返回结果依然是一个jQuery对象。

推荐阅读