jQuery选择器
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>index.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<link title="style" media="screen" href="css/green.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function(){
$("#testbutton").click(
function() {
$("div.test:has(p)").addClass("red");
}
);
});
</script>
</head>
<body>
<div id="wrapper">
<div id="pic"></div>
<h1>jQuery Playground</h1>
<ul id="nav">
<li><a class="current" href="index.html" >测试页面</a></li>
<li><a href="#">关于</a></li>
</ul>
<div id="content">
<input type=button value="单击此处开始测试" id="testbutton" /><br/><br/>
<form>
用户名:<input type="text" />
密码:<input type="password" /><br/>
记住密码:<input type="checkbox" />
<input type="submit" value="提交" id="submit" />
<input type="reset" value="重置" id="reset" /><br/>
Email:<input name="email" disable="disabled" /><br/>
性别:男<input type="radio" checked="checked" name="Sex" value="male" />
女<input type="radio" name="Sex" value="female" />
地点:<select name="loction">
<option value="xian">西安</option>
<option value="qd">青岛</option>
<option value="bj">北京</option>
</select>
照片:<input type="image" src="../images/p1.jpg"/><br/>
上传:<input type="file" /><br/>
描述:<textarea></textarea><br/>
<input type="button" value="input按钮" />
<button>button按钮</button>
</form>
</div>
<div id="foot">
dengyexun studying!
</div>
</div>
<!--
<input type=button value="单击测试按钮" id="testbutton" />
<div id="spans">
<span>span1</span>
<span>span2</span>
<span>span3</span>
</div>
-->
<!--
<div id="content">
<h2>jQuery过滤镜选择器</h2>
<input type=button value="单击此处开始测试" id="testbutton" />
<form>
<label>Name:</label> <input name="name" />
<fieldset>
<label>Nesletter:</label> <input name="newsletter" />
</fieldset>
</form>
<label>Ohters</label> <input name="others"/>
</div>
-->
</body>
</html>
相关文章
- jquery.ui.widget.js
- IT咨询顾问:一次吐血的项目救火 java或判断优化小技巧 asp.net core Session的测试使用心得 【.NET架构】BIM软件架构02:Web管控平台后台架构 NetCore入门篇:(十一)NetCore项目读取配置文件appsettings.json 使用LINQ生成Where的SQL语句 js_jquery_创建cookie有效期问题_时区问题
- jquery中 $ 和 jQuery 及 $() 的区别
- 前端基础 - JQuery 简单的表单校验器
- 前端基础 -JQuery之 可见性过滤选择器
- jQuery技术内幕:深入解析jQuery架构设计与实现原理. 3.2 选择器表达式
- 温故而知新 $ jquery选择器居然隐藏第二个参数,更进一步限制选择的区域
- 温故而知新,jquery选择器$=
- ASP.NET MVC异步验证是如何工作的01,jQuery的验证方式、错误信息提示、validate方法的背后
- 第86节:Java中的JQuery基础
- 《众妙之门——JavaScript与jQuery技术精粹》——1.5 匿名函数和模块模式
- 《jQuery Mobile入门经典》—— 1.3 开发者的宝库
- 《jQuery与JavaScript入门经典》——1.2 为编写jQuery和JavaScript做准备
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.12 技巧:跨页面时固定footer
- 《jQuery Cookbook中文版》——1.8 将前一个选择集包含到当前选择集
- jquery常用语句总结
- jquery api 常见api 元素操作例子
- Jquery获取html参数, jquery.params.js 获取参数
- jQuery中的自定义动画
- [转]jquery设置select选中,赋值等操作
- jquery 中$.post获取MVC Controller中JsonResult返回包含LIst<Model>类型的子List<Model>的高级使用方法
- jquery选择器空格与大于号、加号与波浪号的区别
- jQuery过滤选择器具体解释
- 四.jQuery源码解析之jQuery.fn.init()的参数解析