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

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

框架对象访问

每个（回调)

大小()

长度

选择器

语境

get()

获取（索引)

索引([主题])

测试用例

以下是通过代码的方式测试上述框架对象访问，供不明白的朋友们参考：

！DOCTYPE htmlhtmlhead titlejquery对象访问/title脚本类型=' text/JAVAScript ' src=' http :/js/jquery。量滴js '/脚本/头体！- jquery对象访问之一每个（回调)-div SPan SPan 1/SPan SPan SPan 2/SPan SPan SPan 3/SPan SPan SPan 4/SPan SPan SPan SPan 5/SPan/div脚本类型=' text/JAVAScript ' var SPan list=$(' div SPan ')；spanLiST。每个(函数(){//alert(this。innerhtml))；//这个获取的是跨度元素而不是框架对象，这点需要注意。依次输出span1.span5 //alert($(this).html())；//输出结果同上只是$(这个)会将元素转为框架对象if($(this).html()=='span4 ')返回false//可以提前使用返回退出循环});/脚本！- jquery对象访问之二大小()-脚本类型=' text/JavaScript '//alert($(' div span ').size())；//输出结果5尺寸()函数是获取框架集合中元素的个数/脚本！- jquery对象访问之三长度-脚本类型=' text/JavaScript '//alert($(' div span ').长度);//输出结果5当前匹配的元素个数。同大小返回相同的值/脚本！- jquery对象访问之四选择器-ul id=' ul1 '/ulscript type=' text/JavaScript ' $(' # ul1 ').追加(' li' $('ul ').选择器/li ').追加(' li' $('ul li ').选择器/li ').追加(' Li ' $(' div # foo ul : not([class])')).选择器/Li’)；/脚本！- jquery对象访问之五context-ul id=' ul2 '/ulscript type=' text/JavaScript ' $(' # ul2 ').追加(' li' $('ul ').上下文/li ').追加(' li' $('ul '，文档。身体)。语境。nodename '/Li ')；/脚本！- jquery对象访问之六get()-div id=' get ' span get1/span span get2/span span get3/span span get4/span/div脚本类型=' text/JavaScript ' var span=$(' # get span ')；var span 1=跨度。get()；//alert(span 1)；//返回的是跨度元素的集合//alert($(span1).html())；//输出结果get1将节点元素包装成框架对象/脚本！- jquery对象访问之七get(index)-div id=' get ' span get1/span span get2/span span get3/span span get4/span/div脚本类型=' text/JavaScript ' var span=$(' # get span ')；var span 1=跨度。get(0)；//alert(span 1。inner text)；//输出结果是get1通过节点元素//alert($(span1).html())；//输出结果同上将节点元素包装成框架对象/脚本！- jquery对象访问之八索引([subject])-ul id=' ul8 ' Li id=' foo ' foo/Li Li id=' bar ' bar/Li Li id=' baz ' baz/Li/ulscript type=' text/JavaScript ' alert($(' # ul8 Li ').索引(文档。getelementbyid(' bar ')；//1,传递一个数字正射影像图对象，返回这个对象在原先集合中的索引位置警报($('#ul8 li ').索引($(" # bar ")；//1,传递一个框架对象警报($('#ul8 li ').索引($(' # ul8 Li : gt(0)'))；//1,传递一组框架对象，返回这个对象中第一个元素在原先集合中的索引位置警报($('#bar ').索引(' # ul8 Li ')；//1,传递一个选择器，返回#酒吧在所有里中的做引位置警报($('#bar ').index())；//1,不传递参数，返回这个元素在同辈中的索引位置脚本/正文/html运行结果

总结

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