jqery选择器
根据可见性 属性 匹配元素
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | <! doctype html> < html lang="en"> < head > < meta charset="UTF-8"> < title >jquery</ title > < script type="text/javascript" src="./js/jquery-1.7.1.min.js"></ script > < script type="text/javascript"> $(function(){ //选择器 内容 $('ul li:contains(1)').css('color','red');//选中内容中含有1的元素 $('ul li:empty').css('color','red');//选中空元素 $('div:has(p)').css('color','red');//选中有指定子元素的元素 $('ul li:parent').css('color','green');//匹配含有元素或文本的元素,与empty相反 //可见性 $('ul li:hidden');//匹配所有不可见元素 $('ul li:visible');//匹配所有可见元素 $('ul li[id]').css('color','yellow');//含有id属性的元素 $('ul li[id="one"]');//匹配id是one的元素 $('ul li[id!="one"]');//匹配id不是one的li元素 $('ul li[id^="on"]');//匹配id以on开头的li元素one符合要求 $('li[id$="ne"]');//匹配id以ne结尾的li元素 $('li[id*="n"]');//匹配id包含n的li元素 //以上功能可以重复写多个 }) </ script > </ head > < body > < ul > < li >1</ li > < li id="one">2</ li > < li >3</ li > < li >4</ li > < li ></ li > </ ul > < div > < p >我是div里的p标签</ p > </ div > < div > 我是div标签 </ div > </ body > </ html > |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 【非技术】说说2024年我都干了些啥