jqery选择器
2015-06-21 22:15
239 查看
根据可见性 属性 匹配元素
<!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>
相关文章推荐
- win8 64+theano+keras
- java学习之多态和动态捆绑
- hdu 1037
- 自动化测试理念
- 数据库系统概论之查询
- HDU 5273 Dylans loves numbers(水题)
- Python核心编程笔记---- print
- Effective C++ 条款4
- JFreeChart—输出饼状图
- java对象数组的声明和初始化
- qt移植到OK6410开发板linux系统过程
- [Leetcode.python] 002. Add Two Numbers
- NodeJS优缺点及适用场景讨论
- treeview节点拖动
- Java 反编译利器 JD-GUI/Jad/JadClipse(支持windows/linux/mac)
- C#写入和读出文本文件
- Swift基本数据类型(一)
- Object-C 中拒绝使用==判断两个对象相等
- cmd提权的一些常用命令
- 项目运行及总结