Chinaunix首页 | 论坛 | 博客

小伙向前冲

首页　| 　博文目录　| 　关于我

yourlovemore

  • 博客访问： 314288
  • 博文数量： 111
  • 博客积分： 0
  • 博客等级： 民兵
  • 技术积分： 707
  • 用 户 组： 普通用户
  • 注册时间： 2013-02-26 11:00
个人简介

小伙向前冲呀，小伙向前冲呀。

文章分类

全部博文（111）

文章存档

2014年（43）

2013年（68）

我的朋友
最近访客
推荐博文
jquery属性过滤选择器使用示例

分类： JavaScript

2013-10-22 05:54:33

示例：所有具有id属性的元素设置样式,动画效果，为大家介绍下jquery属性过滤选择器的使用方法。
代码：

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
  2. <html xmlns="">
  3. <head>
  4. <title>jquery属性过滤选择器使用示例-www.jbxue.com</title>
  5. <style type="text/css">
  6. </style>
  7. <script src="jquery-1.9.1.js" type="text/javascript"></script>
  8. <script type="text/javascript">
  9. $(function () {
  10. $('#Button1').click(function () {
  11. //为所有具有id属性的元素设置样式,动画效果
  12. //$('div[title]').hide(3000);
  13. //$('div[title=t1]').hide(3000);
  14. //$('div[title!=t1]').hide(3000);
  15. // //属性值以t开头
  16. //$('div[title^=t]').hide(3000
  17. //$('div[title$=1]').hide(3000);
  18. //$('div[title*=t]').hide(3000);
  19. // //id值以d开始，title值以3结束
  20. $('div[id^=d][title$=4]').hide(3000);
  21. })
  22. })
  23. </script>
  24. </head>
  25. <body>
  26. <div title="t1">第一层
  27. </div>
  28. <div id="div2" title="t2">第二层
  29. </div>
  30. <div id="div3" title="t3">第三层
  31. </div>
  32. <div id="div4" title="t4">第四层
  33. </div>
  34. <input id="Button1" type="button" value="click" />
  35. </body>
  36. </html>
阅读(605) | 评论(0) | 转发(0) |
0

上一篇：JS清空上传控件input(type="file")的值

下一篇：分享：php ini_set函数的用法

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6