一个简单的jquery选择器例子
来源:互联网 发布:百度 webuploader php 编辑:程序博客网 时间:2024/05/22 15:41
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
$('#testId a').each(function(){
$(this).bind('click',function(){
alert($(this).html());
})
</script>
</head>
<body>
<div>
<ul id="testId">
<li><a>测试数据1</a></li>
<li><a>测试数据2</a></li>
<li><a>测试数据3</a></li>
<li><a>测试数据4</a></li>
</ul>
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
$(function(){
//增加onclick事件
var a=$('#testId a').length; //a=4$('#testId a').each(function(){
$(this).bind('click',function(){
alert($(this).html());
})
})
//鼠标经过,移开 a标签内容变色
$('#testId a').mouseover(function(){
$(this).css('color','red');
}).mouseout(function(){
$(this).css('color','lightblue');
})
</script>
</head>
<body>
<div>
<ul id="testId">
<li><a>测试数据1</a></li>
<li><a>测试数据2</a></li>
<li><a>测试数据3</a></li>
<li><a>测试数据4</a></li>
</ul>
</div>
</body>
</html>
0 0
- 一个简单的jquery选择器例子
- Jquery-选择器-简单的选择器
- 一个简单的jquery+ajax的例子
- jquery 简单的选择器
- jquery选择器的简单应用
- jQuery 的选择器 简单总结
- jquery 简单的例子
- 一个最简单的基于PHP+jQuery的AJAX例子
- jquery+json处理分页的一个简单例子。
- 一个简单的jQuery回调函数例子
- 使用jquery flip插件的一个简单例子
- 一个简单的jQuery例子,动态添加表格和删除
- JQuery插件之-----Datatables(一)一个简单的例子
- 一个例子看清楚JQuery子元素选择器children()和find()的区别
- jquery选择器练习例子
- jquery选择器例子
- 一个简单的日期选择器
- 一个简单的图片选择器
- 如何看懂ORACLE执行计划
- cisco路由器端口无法启动
- Ajax解决浏览器的缓存问题
- Web利用POI导入XML
- Oracle表中时间存储格式
- 一个简单的jquery选择器例子
- easyui-window弹窗选择
- nginx 查看加载的模块
- mahout1.0 入门笔记0
- 服务启动时log4j提示Could not bind factory to JNDI
- 11G Data Guard搭建文档
- ios-day17-04(手势解锁)
- Python学习之set()集合
- BitBlt介绍