当前位置:Gxlcms > JavaScript > 60个很实用的jQuery代码开发技巧收集_jquery

60个很实用的jQuery代码开发技巧收集_jquery

时间:2021-07-01 10:21:17 帮助过:5人阅读

由于内容比较多建议用CTRL+F搜索

偶然在网上看到这些不错的jQuery代码开发技巧。原文收集了30个,另外查找的时候发现了还有20个。加上另外十个实用的jQuery代码片段,共60个代码技巧,收集在一起分享给大家。

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中是否可见

33. 元素屏幕居中

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: 将表单中的按钮禁用

下面的代码对于ajax操作非常有用,你可以有效的避免用户多次提交数据,个人也经常使用:

禁用按钮:

启动按钮:

可能大家往往会使用.attr(‘disabled',false);,不过这是不正确的调用。

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

这个代码和上面类似,都属于帮助用户控制表单递交按钮。使用这段代码后,递交按钮只有在用户输入指定内容后才可以启动。

55: 禁止多次递交表单

多次递交表单对于web应用来说是个比较头疼的问题,下面的代码能够很好的帮助你解决这个问题:

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

有时候你需要提示用户目前操作的输入框,你可以使用下面代码高亮显示标示:

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

这个方法可以帮助你动态的添加表单中的元素,比如,input等:

58: 自动将数据导入selectbox中

下面代码能够使用ajax数据自动生成选择框的内容

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

代码很简单,如下:

60: 使用代码来递交表单

代码很简单,如下:

人气教程排行