JQuery 笔记——选择器
来源:互联网 发布:java活锁 编辑:程序博客网 时间:2024/06/10 16:40
JQuery 笔记
选择器
目的:通过选择器,能定位web页面(HTML/JSP/XML)中的任何标签
(1) 基本选择器【参见selector_1.html】
//1)查找ID为"div1ID"的元素个数 alert( $("#div1ID").size() ); //2)查找DIV元素的个数 alert( $("div").size() ); //3)查找所有样式是"myClass"的元素的个数 alert( $(".myClass").size() ); //4)查找所有DIV,SPAN,P元素的个数 alert( $("div,span,p").size() ); //5)查找所有ID为div1ID,CLASS为myClass,P元素的个数 alert( $('#div1ID,.myClass,p').size() );
(2) 层次选择器【参见selector_2.html】
//1)找到表单form里所有的input元素的个数
alert( $(“form input”).size() );
//2)找到表单form里所有的子级input元素个数 alert( $("form > input").size() ); //3)找到表单form同级第一个input元素的value属性值 alert( $("form + input").val() ); //4)找到所有与表单form同级的input元素个数 alert( $("form ~ input").size() );
(3) 增强基本选择器【参见selector_3.html】
//1)查找UL中第一个元素的内容
alert( $(“ul li:first”).text() );
//2)查找UL中最后个元素的内容 alert( $("ul li:last").text() ); //4)查找表格的索引号为1、3、5...奇数行个数,索引号从0开始 alert( $("table tr:odd").size() ); //5)查找表格的索引号为2、4、6...偶数行个数,索引号从0开始 alert( $("table tr:even").size() ); //6)查找表格中第二行的内容,从索引号0开始,这是一种祖先 后代 的变化形式 alert( $("table tr td:eq(1)").text() ); //7)查找表格中第二第三行的个数,即索引值是1和2,也就是比0大 alert( $("table tr:gt(0)").size() ); //8)查找表格中第一第二行的个数,即索引值是0和1,也就是比2小 alert( $("table tr:lt(2)").size() ); //9)给页面内所有标题<h1><h2><h3>加上红色背景色,且文字加蓝色 $(":header").css("background-color","red").css("color","blue"); //3)查找所有未选中的input为checkbox的元素个数 alert( $(":checkbox:NOT(:checked)").size() );
(4) 内容选择器【参见selector_4.html】
//1)查找所有包含文本”John”的div元素的个数
alert( $(“div:contains(‘John’)”).size() );
//2)查找所有p元素为空的元素个数 alert( $("p:empty").size() ); //3)给所有包含p元素的div元素添加一个myClass样式 $("div:has(p)").addClass("myClass"); //4)查找所有含有子元素或者文本的p元素个数,即p为父元素 alert( $("p:parent").size() );
阅读全文
0 0
- JQuery 笔记——选择器
- jQuery学习笔记—选择器
- jquery学习笔记—jQuery选择器
- jQuery学习笔记——各类选择器
- jQuery学习笔记——选择器
- jQuery学习笔记——选择器2
- jquery学习笔记1——选择器
- jQuery 自学笔记—4 选择器
- jQuery学习笔记(1)—选择器
- jQuery选择器—表单选择器
- jQuery学习笔记二——jQuery选择器
- jQuery学习笔记2 —— jQuery选择器
- jQuery学习笔记——jQuery选择器练习
- JQuery学习笔记——JQuery常用选择器
- jQuery学习笔记(一)——基础选择器、过滤选择器、表单选择器
- jQuery——选择器
- JQuery——选择器
- jQuery——选择器
- 简介DTD文档模型及HTML
- 关于自动编号的 id 作为数据库主键的问题
- Choose and divide UVA
- Teamcity的安装与使用
- 彻底搞懂事件与委托在商业项目的应用以及区别
- JQuery 笔记——选择器
- python编程之判断字符串n次重复
- 堆 与 栈
- PAT乙级题1027.打印沙漏
- Charles 抓包IOS中https乱码解决
- 部署Web项目到Linux服务器
- 深入哈希表(一)--哈希表的简介(Hash_Table)
- spi驱动--IO模拟
- 遗传算法GA