jQuery学习- 位置选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>位置选择器</title>
<script src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){ //获取第一个li
$("li:first").css("border","2px dotted red");
//获取最后一个出现的DIV
$("div:last").css("border","2px dotted black");
//奇数 odd 段落,在jQuery中所有的元素从0开始
$("p:odd").css("border","2px dotted blue");
//偶数 even 输入框
$("input[type='text']:even").css("border","2px dotted orange");
//第三个超链接 使用eq精确指定组建下标位置
$("a:eq(2)").css("border","2px dotted lightblue");
//获取第三个之后的超链接 使用gt获取指定位置之后的所有元素
$("a:gt(2)").css("border","3px dotted red");
//利用lt获取指定位置之前的元素
$("p:lt(1)").css("border","4px soild red"); })
</script>
</head>
<body>
<div>
<ul>
<li>li111111</li>
<li>li2222222</li>
<li>li33333</li> </ul> </div>
<div>
<p>p1</p>
<p>p2</p>
<p>p3</p>
<p>p4</p>
<p>p5</p>
</div>
<div>
姓名<input type="text" />
<br>
姓名1<input type="text" /><br>
姓名2<input type="text" /><br>
姓名3<input type="text" /><br>
姓名4<input type="text" /><br>
姓名5<input type="text" /><br>
</div>
<div>
<a href="#">href1</a>
<a href="#">href2</a>
<a href="#">href3</a>
<a href="#">href4</a>
<a href="#">href5</a>
</div>
</body>
</html>
jQuery学习- 位置选择器的更多相关文章
- jQuery学习- 子选择器与可见性选择器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- jquery 学习(一) - 选择器
基本选择器(html) <div>123</div> <div id="n1">123</div> <span>321& ...
- jQuery学习- 内容选择器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- jQuery学习- 层叠选择器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- jQuery学习-属性选择器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- jQuery学习-基本选择器
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
- jQuery学习之------选择器
a.id选择器 <div id=”test1”></div> var div1=$(“#test1”); //同css的写法一样id选择器用#号实 ...
- jquery学习:选择器&dom操作
分类; 1.基本选择器 1.标签选择器(元素选择器) * 语法:$("html标签名”) 获得所有匹配标签名称的元素 2.id选择器 * 语法:$("#id的属性值" ...
- jQuery学习(三)——选择器总结
1.基本选择器 id选择器:$(“#id名称”); 元素选择器:$(“元素名称”); 类选择器:$(“.类名”); 通配符:* 多个选择器共用(并集) 案例代码: <!DOCTYPE html& ...
随机推荐
- Oracle EBS 有效银行账户取值
SELECT ba.bank_account_id, --银行账户key ftv.territory_short_name, --国家 ftv.territory_code, --国家简称 cb.ba ...
- springMVC入门-05
接着上一讲,介绍如何查询单个数据,此处介绍show()方法的实现.显示单条数据需要使用Users对象中的一个字段作为入参来进行对象查询,将查询出来的数据放在Model中,并且将model中的user对 ...
- asp.net MVC4 框架揭秘 读书笔记系列1
1.1 传统MVC 名词解释 Autonomous View. AV. 自制视图 GUI图形用户界面(Graphical User Interface,简称 GUI,又称图形用户接口)是指采用图形方式 ...
- Spring Boot+MyBabits静态连接多个数据库
1.修改.properties first.datasource.jdbc-url=jdbc:mysql://localhost/forwind first.datasource.username=r ...
- Ogre学习教程:Ogre1.8.1+VS2010环境配置(转)
http://blog.csdn.net/yangtrees/article/details/8724120 http://blog.csdn.net/cll611/article/details/8 ...
- APUE8进程控制 fork vfork exec
- jquery.form.js mvc 上传文件 layer 选择框与等待效果
HTML <form role="form" id="form1"> <div class="form-group"> ...
- 囧啊!!时间戳转化为时间出错php
最近写了一个api,测试也没发现啥问题.可是上线之后发现有时api的返回结果不正确.为什么呢? 调我接口的同学给了两个调用示例,理论上两个的结果应该一致,实际结果却不一致. api调用带了一个时间戳参 ...
- CSS3 新增颜色表示方式
一.CSS1&2颜色表示方式(W3C标准) 1.Color name 颜色名称方式(用颜色关键字表示对应的颜色.) 例如:red(红色).blue(蓝色).pink(粉色) 优点:方便快捷而 ...
- Java虚拟机16:Java内存模型
什么是Java内存模型 Java虚拟机规范中试图定义一种Java内存模型(Java Memory Model,JMM)来屏蔽掉各种硬件和操作系统的访问差异,以实现让Java程序在各种平台下都能达到一致 ...