jQuery-理解选择结果

使用$函数选择元素返回的是一个对象,可以称这个对象为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对象。

posted @   舒山  阅读(682)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示