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对象访问的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-06jquery对css样式(jquery中的css方法)-icode9专业技术文章分享
- 2023-05-27JQuery的认识和安装
- 2023-01-06JQuery应用技巧:如何定义 HTML 模板并使用 JQuery 进行加载-icode9专业技术文章分享
- 2022-09-29复习-jQuery
- 2022-09-04Python3项目初始化10-->前端基础jquery、ajax,sweetalert--更新用户改造
- 2022-08-30day 27 jquery
- 2022-08-29jQuery筛选器,bootstrap
- 2022-08-20JQuery事件绑定
- 2022-08-20JQuery案例
- 2022-08-07关于jQuery的学习