JQuery中$的全部使用

在jQuery中，$是一个快捷方式，用于访问jQuery的函数。你可以使用它来选择DOM元素，进行事件绑定，处理Ajax请求，以及执行各种效果。

1. 选择元素

$('#elementId'); // 选择ID为elementId的元素
$('.className'); // 选择所有class为className的元素
$('tagName');    // 选择所有tagName的元素
$('div.className'); // 选择所有class包含className的div元素

2. 创建元素

$('<div>Hello World</div>'); // 创建一个包含文本的div元素

3. 事件绑定

$('#button').click(function() {
  // 处理点击事件
});

4. 链式调用

$('#button')
  .click(function() {
    // 处理点击事件
  })
  .append('<span>More text</span>'); // 添加内容后返回jQuery对象，以便继续链式调用

5. AJAX请求

$.ajax({
  url: 'your-api-endpoint',
  type: 'GET',
  success: function(data) {
    // 请求成功后的回调函数
  },
  error: function() {
    // 请求失败后的回调函数
  }
});

6. 效果

$('#elementId').hide();   // 隐藏元素
$('#elementId').show();   // 显示元素
$('#elementId').fadeIn(); // 淡入元素
$('#elementId').fadeOut(); // 淡出元素

7. 链式操作

$('#elementId')
  .hide('slow') // 慢慢隐藏元素
  .show('fast') // 快速显示元素
  .fadeIn('normal') // 正常速度淡入元素
  .fadeOut('normal'); // 正常速度淡出元素

8. 属性操作

$('#elementId').attr('value'); // 获取元素的value属性
$('#elementId').attr('value', 'new value'); // 设置元素的value属性

9. CSS操作

$('#elementId').css('color', 'red'); // 设置元素的颜色为红色

10. 数据操作

$('#elementId').data('key', 'value'); // 设置元素的data-key属性
$('#elementId').data('key'); // 获取元素的data-key属性

以上是jQuery中$的一些常见用法，实际应用中还有很多其他功能，如事件委托、动画队列、插件机制等。