50个jQuery代码段帮你成为更出色的JS开发者

英文原文: 50 jQuery Snippets That Will Help You Become A Better JavaScript Developer,翻译:woiweb

PS:原文作者 Addy Osmani 是Google Chrome 团队成员。

本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,它们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西。

0. 如何创建嵌套的过滤器:

50个jQuery代码段帮你成为更出色的JS开发者
1. 如何重用元素搜索

2. 任何使用has()来检查某个元素是否包含某个类或是元素:

3. 如何使用jQuery来切换样式表

4. 如何限制选择范围(基于优化目的):

5. 如何正确地使用ToggleClass:

6. 如何设置IE特有的功能:

7. 如何使用jQuery来代替一个元素:

8. 如何验证某个元素是否为空:

9. 如何从一个未排序的集合中找出某个元素的索引号

10. 如何把函数绑定到事件上:

11. 如何追加或是添加html到元素中:

12. 在创建元素时,如何使用对象字面量(literal)来定义属性

13. 如何使用多个属性来进行过滤

14. 如何使用jQuery来预加载图像:

15. 如何为任何与选择器相匹配的元素设置事件处理程序:

16. 如何找到一个已经被选中的option元素:

17. 如何隐藏一个包含了某个值文本的元素:

18. 如何自动滚动到页面中的某区域

19. 如何检测各种浏览器:

20. 如何替换串中的词

21. 如何禁用右键单击上下文菜单:

22. 如何定义一个定制的选择器

23. 如何检查某个元素是否存在

24. 如何使用jQuery来检测右键和左键的鼠标单击两种情况:

25. 如何显示或是删除input域中的默认值

26. 如何在一段时间之后自动隐藏或关闭元素(支持1.4版本):

27. 如何把已创建的元素动态地添加到DOM中:

28. 如何限制“Text-Area”域中的字符的个数:

29. 如何为函数创建一个基本的测试

30. 如何在jQuery中克隆一个元素:

31. 在jQuery中如何测试某个元素是否可见

32. 如何把一个元素放在屏幕的中心位置:

33. 如何把有着某个特定名称的所有元素的值都放到一个数组中:

34. 如何从元素中除去html

35. 如何使用closest来取得父元素:

36. 如何使用Firebug和Firefox来记录jQuery事件日志:

37. 如何强制在弹出窗口中打开链接:

38. 如何强制在新的选项卡中打开链接:

39. 在jQuery中如何使用.siblings()来选择同辈元素

40. 如何切换页面上的所有复选框:

41. 如何基于一些输入文本来过滤一个元素列表:

42. 如何获得鼠标垫光标位置x和y

43. 如何把整个的列表元素(List Element,LI)变成可点击的

44. 如何使用jQuery来解析XML(基本的例子):

45. 如何检查图像是否已经被完全加载进来

46. 如何使用jQuery来为事件指定命名空间:

47. 如何检查cookie是否启用

48. 如何让cookie过期:

49. 如何使用一个可点击的链接来替换页面中任何的URL

 

 

5 收藏 4 评论

相关文章

可能感兴趣的话题



直接登录
最新评论
跳到底部
返回顶部