JQuery对象访问

2021/5/30 10:50:37

本文主要是介绍JQuery对象访问,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1. each() 三种写法

(1)function没有参数,通过$(this)来获取当前的对象

下面的意思所有lu的子元素li都变红色

(2)function有一个参数,通过$(this)来获取当前的对象

index :当前索引值;

下面的意思是所有lu的子元素li内容添加"li文本_" + index

(3)function有两个个参数,

index : 索引值

element :元素

下面的意思是所有lu的子元素li内容添加text+"_"+index

2. size()方法和length属性 都得到jQuery对象中元素的个数。

size()属性用于返回指定文件或文件夹的字节数。

length 属性可设置或返回数组中元素的数目。

下面的意思是在控制台都是输出:ul中li的个数:5

3. index() 返回指定元素相对于其他指定元素的 index 位置

下面的意思是在控制台输出:2。

4. data() 方法向被选元素附加数据,或者从被选元素获取数据。

下面无参数,所以读取不了所有数据并返回对象,控制台只能输出{name: "pName", key: "name"}。

5. selector 属性

下面的意思是在控制台输出:el的选择器ul li

这是我所学到的一些JQuery对象访问,分享给你们,希望可以帮助到你们。

新手上道,请多多指教,大神勿喷。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔,谢谢!

 



这篇关于JQuery对象访问的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程