当前位置:Gxlcms > JavaScript > jquery对象访问是什么及使用方法介绍_jquery

jquery对象访问是什么及使用方法介绍_jquery

时间:2021-07-01 10:21:17 帮助过:6人阅读

本篇是继上篇jQuery核心函数之后介绍如何访问jQuery对象。

jquery对象访问

each(callback)

这里写图片描述

size()

这里写图片描述

length

这里写图片描述

selector

这里写图片描述

context

这里写图片描述

get()

这里写图片描述

get(index)

这里写图片描述

index([subject])

这里写图片描述

测试用例

以下是通过代码的方式测试上述jQuery对象访问,供不明白的朋友们参考:




  jquery对象访问
  
输出span1 ... span5 // alert($(this).html()); //输出结果同上 只是$(this)会将元素转为jQuery对象 if($(this).html() == "span4") return false; //可以提前使用return 退出循环 }); 输出结果5 size()函数是获取jQuery集合中元素的个数 输出结果5 当前匹配的元素个数.同size 返回相同的值
    输出结果get1 将节点元素包装成jQuery对象
    get1 get2 get3 get4
    输出结果是get1 通过节点元素 // alert($(span1).html()); //输出结果同上 将节点元素包装成jQuery对象
    • foo
    • bar
    • baz

    运行结果

    这里写图片描述

    总结

    本篇是介绍jQuery的对象访问模块。以前没有系统的学习jQuery,现在打算系统的学习下jQuery,顺便贴出供需要的朋友参考。如果哪里不对的地方,欢迎指正,谢谢大家的阅读!

    人气教程排行