**jQuery 是一个高效、简洁且易学的JavaScript库，它极大地简化了JavaScript代码的编写，尤其是在处理DOM操作、事件处理和Ajax交互时。本篇文章将详细介绍jQuery中的50个常用方法，帮助开发者更好地掌握和应用jQuery。**
1. **$(selector)**：这是jQuery的核心函数，用于选取DOM元素。例如，`$('p')`会选取所有的段落元素。
2. **$.each()**：遍历数组或对象，执行回调函数。如：`$.each(arr, function(index, value) {...})`。
3. **append()** 和 **prepend()**：在元素内部末尾/开头添加内容。如：`$('div').append('<p>Hello</p>')`。
4. **appendTo()** 和 **prependTo()**：将元素添加到其他元素的末尾/开头。与前两者相反，此操作会移动元素。
5. **html()** 和 **text()**：获取或设置元素的HTML内容或纯文本内容。
6. **attr()** 和 **removeAttr()**：获取或设置元素的属性值，如：`$('img').attr('src', 'newimage.jpg')`。
7. **addClass()** 和 **removeClass()**：向元素添加或移除CSS类。
8. **toggleClass()**：根据条件切换CSS类。
9. **val()**：获取或设置表单元素的值，如：`$('input').val('newValue')`。
10. **css()**：获取或设置元素的样式属性，如：`$('div').css('color', 'red')`。
11. **show()**、**hide()** 和 **toggle()**：显示、隐藏或切换元素的可见性。
12. **fadeIn()**、**fadeOut()** 和 **fadeToggle()**：实现淡入、淡出效果。
13. **slideDown()**、**slideUp()** 和 **slideToggle()**：实现滑动显示和隐藏效果。
14. **offset()**：获取元素相对于文档的坐标。
15. **position()**：获取元素相对于其最近的定位父元素的坐标。
16. **width()** 和 **height()**：获取或设置元素的宽度和高度。
17. **data()**：存储和检索元素关联的数据。
18. **on()** 和 **off()**：绑定和解绑事件处理函数，替代了早期版本的`.bind()`和`.unbind()`。
19. **click()**、**focus()**、**blur()**等：绑定各种事件，如点击、聚焦、失去焦点等。
20. **submit()**：处理表单提交事件。
21. **preventDefault()**：阻止默认的事件行为。
22. **stop()**：停止当前进行的动画效果。
23. **animate()**：创建自定义动画，如：`$('div').animate({left: '100px'}, 500)`。
24. **is()**：检测元素是否匹配特定的选择器。
25. **siblings()**：获取元素的同级元素。
26. **next()** 和 **prev()**：获取元素的下一个/上一个兄弟元素。
27. **children()** 和 **find()**：获取元素的直接子元素或后代元素。
28. **clone()**：复制元素及其数据和事件。
29. **empty()**：清空元素内的所有子元素。
30. **filter()** 和 **not()**：过滤元素集合。
31. **closest()**：寻找最近的匹配选择器的祖先元素。
32. **index()**：获取元素在集合中的位置或相对于其他元素的位置。
33. **end()**：返回之前的jQuery对象，用于链式调用。
34. **appendTo()**、**insertAfter()**、**insertBefore()**：在DOM中插入元素。
35. **after()** 和 **before()**：在元素前后插入内容。
36. **replaceWith()** 和 **replaceAll()**：替换元素或内容。
37. **serialize()**：序列化表单数据，用于Ajax请求。
38. **ajax()**、**getJSON()**、**get()** 和 **post()**：发起Ajax请求。
39. **$.Deferred()** 和 **$.when()**：处理异步操作，基于Promise。
40. **$.ajaxSetup()**：设置全局Ajax选项。
41. **$.extend()**：合并两个或多个对象，常用于扩展jQuery对象。
42. **$.getScript()**：异步加载JavaScript文件。
43. **$.noop()**：无操作函数，常用于占位。
44. **$.proxy()**：创建一个函数，其上下文（this）被固定为指定的对象。
45. **$.trim()**：去除字符串两端的空白字符。
46. **$.now()**：获取当前时间戳。
47. **$.map()**：对数组或对象进行映射，生成新的数组。
48. **$.grep()**：筛选数组，返回满足条件的元素。
49. **$.inArray()**：检查元素是否存在于数组中。
50. **$.parseJSON()**：解析JSON字符串为JavaScript对象。
以上就是jQuery的50个常用方法，它们涵盖了DOM操作、事件处理、动画效果和Ajax交互等多个方面。熟练掌握这些方法，能极大地提升JavaScript开发效率，让代码更加简洁、高效。同时，提供的“房屋租赁协议书.doc”文档则为程序员在生活中的法律事务提供了参考，展现了开发者社区的人文关怀。
50个Jquery常用方法.7z （2个子文件） 
50个Jquery常用方法.doc 93KB
