Jquery入门之----------选择器-------------
Jquery最核心的组成部分就是选择器引擎。他继承了CSS的语法,可以对DOM元素的标签名、属性名、状态等进行快速、精确的选择,并且不必担心浏览器的兼容性。Jquery选择器除实现了基本的标签选择外,还提供了各种特殊的选择。
一、基本选择器:
对于获取的元素的个数我们可已通过两个方法来获取
1 2 | $( "div" ).size(); $( "div" ).length(); |
二、进阶选择器:
三、层次选择器:
在兼容CSS选择器模式的同时下,Jquery又自定义了独特的方法进行DOM对象的选择。具体方法如下:
1 2 3 4 5 6 7 8 | $( '#box' ).children( 'p' ).css( 'color' , 'red' ); //等同于子选择器 $( '#box' ).next( 'p' ).css( 'color' , 'red' ); //等同于同级下一个元素 $( "#box" ).nextAll( 'p' ).css( 'color' , 'red' ); //等同于同级所有下面的元素 $( "#box" ).prev( 'p' ).css( 'color' , 'red' ); //等同于同级上一个元素 $( "#box" ).prevAll( 'p' ).css( 'color' , 'red' ); //等同于同级所有下面的元素 $( "#box" ).prevUntil( 'p' ).css( 'color' , 'red' ); //等同于同级上非指定元素选定,遇到则停止 $( "#box" ).nextUntil( 'p' ).css( 'color' , 'red' ); //等同于同级下非指定元素选定,遇到则停止 $( "#box" ).siblings( 'p' ).css( 'color' , 'red' ); //等同于同级上下所有元素 |
四、属性选择器:
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· 程序员常用高效实用工具推荐,办公效率提升利器!
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)