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

小伙向前冲呀,小伙向前冲呀。

文章分类

全部博文(111)

文章存档

2014年(43)

2013年(68)

我的朋友

分类: 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>
阅读(562) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~