jquery选择器
来源:互联网 发布:小米6怎么设置4g网络 编辑:程序博客网 时间:2024/06/06 05:33
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="../js/jquery.min-1.12.4.js"></script>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
//$("ul").css("color","red");
//$("li:first").css("color","red");
// $("div,#sd").css("color","red");
//form下直接子标签
//$("form>input").css("color","red");
//form下所有input标签
//$("form input").css("color","red");
//紧跟label的
//$("label+input").css("color","red");
//form的兄弟标签
//$("form~input").css("color","red");
//id不等于sd的
//$("li:not(#sd)").css("color","red");
//偶数表格换颜色
//$("tr:even").css("color","red");
//奇数表格换颜色
//$("tr:odd").css("color","red");
//匹配一个给定索引值的元素
//$("tr:eq(1)").css("color","red");
//匹配所有大于给定索引值的元素
//$("li:gt(1)").css("color","red");
//匹配最后一个元素
//$("li:last").css("color","red");
//匹配所有小于给定索引值的元素
//$("li:lt(1)").css("color","red");
//匹配标题元素
//$("h1:header").css("background", "#EEE");
//匹配包含给定文本的元素
//$("li:contains('王明智')").css("color","red");
//:parent匹配含有子元素或者文本的元素
})
</script>
<div>宋仁杰</div>
<ul>
<li id="sd">沈迪</li>
<li>刘梧桐</li>
<li>韩龙</li>
<li>王明智</li>
<li>高新宇</li>
</ul>
<form>
<label>name</label>
<input name="names"/>
<fieldset>
<label>N:</label>
<input name="qqq"/>
</fieldset>
<input name="qqqq">
</form>
<input name="万维网">
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
<h1>Header 1</h1>
<div id="content">
<input tabIndex="1">
<input tabIndex="2">
<select tabIndex="3">
<option>select menu</option>
</select>
<div tabIndex="4">
a div
</div>
</div>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="../js/jquery.min-1.12.4.js"></script>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
//$("ul").css("color","red");
//$("li:first").css("color","red");
// $("div,#sd").css("color","red");
//form下直接子标签
//$("form>input").css("color","red");
//form下所有input标签
//$("form input").css("color","red");
//紧跟label的
//$("label+input").css("color","red");
//form的兄弟标签
//$("form~input").css("color","red");
//id不等于sd的
//$("li:not(#sd)").css("color","red");
//偶数表格换颜色
//$("tr:even").css("color","red");
//奇数表格换颜色
//$("tr:odd").css("color","red");
//匹配一个给定索引值的元素
//$("tr:eq(1)").css("color","red");
//匹配所有大于给定索引值的元素
//$("li:gt(1)").css("color","red");
//匹配最后一个元素
//$("li:last").css("color","red");
//匹配所有小于给定索引值的元素
//$("li:lt(1)").css("color","red");
//匹配标题元素
//$("h1:header").css("background", "#EEE");
//匹配包含给定文本的元素
//$("li:contains('王明智')").css("color","red");
//:parent匹配含有子元素或者文本的元素
})
</script>
<div>宋仁杰</div>
<ul>
<li id="sd">沈迪</li>
<li>刘梧桐</li>
<li>韩龙</li>
<li>王明智</li>
<li>高新宇</li>
</ul>
<form>
<label>name</label>
<input name="names"/>
<fieldset>
<label>N:</label>
<input name="qqq"/>
</fieldset>
<input name="qqqq">
</form>
<input name="万维网">
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
<h1>Header 1</h1>
<div id="content">
<input tabIndex="1">
<input tabIndex="2">
<select tabIndex="3">
<option>select menu</option>
</select>
<div tabIndex="4">
a div
</div>
</div>
</body>
</html>
阅读全文
0 0
- CSS选择器,jQuery选择器
- jQuery选择器 CSS选择器
- JQuery选择器(选择器简介)
- jQuery选择器 基本选择器
- jQuery选择器 层次选择器
- jQuery选择器 表单选择器
- Jquery选择器-基本选择器
- jQuery选择器之类选择器
- jQuery选择器之类选择器
- jQuery选择器之类选择器
- Jquery选择器--过滤选择器
- JQuery选择器
- jquery 选择器
- Jquery选择器
- jQuery选择器
- jQuery 选择器
- JQuery选择器
- JQuery选择器
- XDebug安装配置教程
- 什么是精灵图?css Sprites怎么用?
- Java 核心技术 卷II (4章)--数据库编程
- 1000.加密算法
- 宝宝攻略(2) 神经网络向量化
- jquery选择器
- c++对负数取余的判定
- C#图片上传与下载
- javascript如何用递归写一个简单的树形结构
- mvn
- Ajax获取php返回json数据动态生成select下拉框
- 编译过程中gcc -I -L -l区别
- 更新maven库
- JavaScript 面向对象(五)构造函数