学习论坛 会员投稿 RSS订阅 站内通告:
搜索: 您的位置网站源代码 > 网页制作 > ajax教程 > jquery学习笔记22:使用jquery为网页中的标签添加动

jquery学习笔记22:使用jquery为网页中的标签添加动

2010-03-16 08:56:56 来源:原创 【 】 浏览:
摘要: 本实例是使用jquery为网页中的p元素添加一个onclick事件,操作很简单。我们会给出一个使用jquery操作网页中的p元素的onclick事件。其他的方法跟这个类似。

使用jquery为网页中的标签添加统一的动作
本实例是使用jquery为网页中的p元素添加一个onclick事件,操作很简单。我们会给出一个使用jquery操作网页中的p元素的onclick事件。其他的方法跟这个类似。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
window.onload = function(){//页面所有元素加载完毕
 var items = document.getElementsByTagName("p");//获取页面中的所有p元素
 for(var i=0;i < items.length;i++){ //循环
  items[i].onclick = function(){  //给每一个p添加onclick事件
   //doing something...
   alert("suc!");
  }
 }
}
</script>
</head>
<body>
<p>测试1</p>
<p>测试2</p>
</body>
</html>


顶一下
(0)
0%
踩一下
(0)
0%
Tags: jquery学习笔记 标签添加动作
责任编辑:小人物
收藏】 【挑错】 【推荐】 【打印
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
关于我们 | 网站声明 | 广告服务 | 招聘英才 | 联系我们 | 网站地图 | RSS订阅 |