JQuery选择器学习总结(二)
来源:互联网 发布:java声明银行账户类锁 编辑:程序博客网 时间:2024/05/18 20:11
1.遍历选择器
(1):first 第一个控件
$("p:first").css("font-size","30px");
(2):last 最后一个控件
$("p:last").css("background-color","#666");
(3):even 偶数个控件
$("p:even").css("color","green");
(4):odd 奇数个控件
$("p:odd").css("color","blue");
(5):eq(n) 第n+1个控件
$("p:eq(0)").css("color","pink");
(6):gt(n) 第n+1个控件之后
$("p:gt(1)").append("这是一个测试!");
(7):lt(n) 第n个控件之前(n为负数时为倒数)
$("p:lt(-1)").text("这就是一个测试");
(8):not(表达式) 取反
$("p:not(p:eq(1))").css("background-color","olive");
2.内容选择器::contains(text)
$("p:contains('四')").text("今天放假");
3.空选择器(不包含子元素或文本的元素)::empty
$("p:empty").text("我是空的");
4.属性选择器:[属性=’属性值’]
$("[type='button']").css("background","linear-gradient(to bottom,#EB56AA,white)");
5.选中选择器:
(1):checked
(2):selected(针对下拉列表)
$("[type='button']").click(function() { console.log($("#t1 [name='sex']:checked").val()); console.log($("#address :selected").val()); });
html代码:
<p>第一行</p> <p>第二行</p> <p>第三行</p> <p>第四行</p> <p></p> <p></p> <p></p> <input type="text" /> <input type="button" value="设置" /> <input type="checkbox" value="sport"/>sport <div id="t1"> <input type="radio" name="sex" value="男" />男 <input type="radio" name="sex" value="女" />女 </div> <div> <select id="address"> <option>吉林</option> <option>北京</option> <option>天津</option> <option>辽宁</option> </select> </div>
阅读全文
1 0
- JQuery选择器学习总结(二)
- Jquery学习总结(二) jquery选择器详解
- jQuery学习后的总结--选择器(二)
- jquery学习(二)选择器
- jQuery选择器总结(二)
- Jquery选择器总结二
- jQuery学习笔记(二)--jQuery选择器
- jQuery学习笔记二(jQuery选择器)
- jQuery学习大总结(二)jQuery选择器完整介绍
- JQuery学习之(二)选择器
- 带你学习Jquery(二):选择器
- jQuery学习笔记(二)选择器 事件
- jQuery学习(二)--各种选择器说明
- jQuery学习(二)语法 选择器
- jQuery代码学习(二)认识选择器
- jQuery学习笔记(二)选择器
- jQuery学习(二)-常规选择器
- jQuery学习笔记(二)_选择器
- MongoDB使用小结:一些不常见的经验分享
- 解决AndroidStudio编译异常DefaultAndroidProject : Unsupported major.minor version 52.0
- Arcgis---画线
- 平衡二叉树(AVL树)
- ubuntu14 安装qq记录
- JQuery选择器学习总结(二)
- maven工具构建 javaweb 工程中不支持el表达式
- spring-data-elasticsearch 2.1.4 升级 3.0.0 RC2 失败记录
- 版子,最短路
- 笨办法学 Python · 续 练习 11:`uniq`
- Linux延时定时任务及系统文件查找和临时文件管理
- B
- 数据库调优日记--索引调优概述
- 0804 OpenJ#1108 Boolean Expressions