60个实用的jQuery代码片段

60个实用的jQuery代码片段目录

1. 创建一个嵌套的过滤器

2. 重用你的元素查询

3. 使用has()来判断一个元素是否包含特定的class或者元素

4. 使用jQuery切换样式

5. 限制选择的区域

6. 如何正确使用ToggleClass

7. 设置IE指定的功能

8. 使用jQuery来替换一个元素

9. 验证一个元素是否为空

10. 在无序的set中查找一个元素的索引

11. 绑定一个函数到一个事件

12. 添加HTML到一个元素

13. 创建元素时使用对象来定义属性

14. 使用过滤器过滤多属性

15. 使用jQuery预加载图片

16. 设置任何匹配一个选择器的事件处理程序

17. 找到被选择到的选项(option)元素

18. 隐藏包含特定值的元素

19. 自动的滚动到页面特定区域

20. 检测各种浏览器

21. 替换字符串中的单词

22. 关闭右键的菜单

23. 定义一个定制的选择器

24. 判断一个元素是否存在

25. 使用jQuery判断鼠标的左右键点击

26. 显示或者删除输入框的缺省值

27. 指定时间后自动隐藏或者关闭元素(1.4支持）

28. 动态创建元素到DOM

29. 限制textarea的字符数量

30. 为函数创建一个基本测试用例

31. 使用jQuery克隆元素

32. 测试一个元素在jQuery中是否可见

34. 使用特定名字的元素对应的值生成一个数组

35. 剔除元素中的HTML

36. 使用closest来得到父元素

37. 使用firebug来记录jQuery事件

38. 点击链接强制弹出新窗口

39. 点击链接强制打开新标签页

40. 使用siblings()来处理同类元素

41. 选择或者不选页面上全部复选框

42. 基于输入文字过滤页面元素

43. 取得鼠标的X和Y坐标

44. 使得整个列表元素(LI)可点击

45. 使用jQuery来解析XML

46. 判断一个图片是否加载完全

47. 使用jQuery命名事件

48. 判断cookie是否激活或者关闭

49. 强制过期cookie

50. 使用一个可点击的链接替换页面中所有URL

51: 在表单中禁用“回车键”

52: 清除所有的表单数据

53: 将表单中的按钮禁用

54: 输入内容后启用递交按钮

55: 禁止多次递交表单

56: 高亮显示目前聚焦的输入框标示

57: 动态方式添加表单元素

58: 自动将数据导入selectbox中

59: 判断一个复选框是否被选中

60: 使用代码来递交表单

偶然在网上看到这些不错的jQuery代码开发技巧。原文收集了30个，另外查找的时候发现了还有20个。加上另外十个实用的jQuery代码片段，共60个代码技巧，收集在一起分享给大家。60个很实用的jQuery代码开发技巧收集这些jQuery代码实用性比较强，有些忘了的地方可以现学现用。现在暂时没有用到以后应该会用到，觉得不错可以收藏一下。当然，觉得还不过瘾的可以去看看：

20款2014年最佳的免费jQuery 插件 分享30个非常精美的jQuery Lightbox 图片效果插件 如何用CSS3和jQuery 创建一个动态的粘性头部(sticky header)

1. 创建一个嵌套的过滤器

2. 重用你的元素查询

3. 使用has()来判断一个元素是否包含特定的class 或者元素

4. 使用jQuery 切换样式

5. 限制选择的区域

1 2 3 4 5 6 7 8 9

6. 如何正确使用ToggleClass

7. 设置IE 指定的功能

8. 使用jQuery 来替换一个元素

9. 验证一个元素是否为空

10. 在无序的set 中查找一个元素的索引

11. 绑定一个函数到一个事件

12. 添加HTML 到一个元素

13. 创建元素时使用对象来定义属性

14. 使用过滤器过滤多属性

15. 使用jQuery 预加载图片

16. 设置任何匹配一个选择器的事件处理程序

1 2 3 4 5 6 7 8 9

17. 找到被选择到的选项(option)元素

18. 隐藏包含特定值的元素

19. 自动的滚动到页面特定区域

20. 检测各种浏览器

21. 替换字符串中的单词

22. 关闭右键的菜单

23. 定义一个定制的选择器

1 2 3 4 5 6 7 8 9

24. 判断一个元素是否存在

25. 使用jQuery 判断鼠标的左右键点击

26. 显示或者删除输入框的缺省值

1 2 3 4 5 6 7 8 9

27.

指定时间后自动隐藏或者关闭元素(1.4支持）

28. 动态创建元素到DOM

29. 限制textarea 的字符数量

1

2

3

4

5

6 7 8 9

30. 为函数创建一个基本测试用例

31. 使用jQuery 克隆元素

32. 测试一个元素在jQuery 中是否可见

33. 元素屏幕居中