// 通过ID选择
$('#elementId')

// 通过类名选择
$('.className')

// 通过标签名选择
$('div')

// 组合选择
$('div.className')

// 子元素选择
$('parent > child')

// 后代元素选择
$('ancestor descendant')

// 相邻兄弟选择
$('prev + next')

// 一般兄弟选择
$('prev ~ siblings')

// 有特定属性
$('[attribute]')

// 属性等于特定值
$('[attribute="value"]')

// 属性包含特定值
$('[attribute*="value"]')

// 属性以特定值开头
$('[attribute^="value"]')

// 属性以特定值结尾
$('[attribute$="value"]')

// 包含特定文本
$(':contains("text")')

// 空元素
$(':empty')

// 包含特定元素的元素
$(':has(selector)')

// 获取HTML内容
$('#element').html()

// 获取文本内容
$('#element').text()

// 获取表单元素的值
$('#input').val()

// 获取属性值
$('#element').attr('attributeName')

// 确保DOM加载完成
$(document).ready(function() {
  // 你的代码
});

// 或者简写
$(function() {
  // 你的代码
});

// 明确需要HTML还是纯文本
var htmlContent = $('#element').html(); // 包含HTML标签
var textContent = $('#element').text(); // 纯文本内容

// 精确选择范围
var specificContent = $('#element .child').text();

// 缓存jQuery对象
var $element = $('#element');
$element.doSomething();
$element.doSomethingElse();

// 使用更高效的选择器
// 不好: $('.class div a')
// 更好: $('.class').find('div').find('a')

// 抓取表格中的所有数据
$('table tr').each(function() {
  var cells = $(this).find('td');
  var rowData = {
    name: cells.eq(0).text(),
    age: cells.eq(1).text(),
    email: cells.eq(2).text()
  };
  console.log(rowData);
});

// 抓取所有链接及其文本
$('a').each(function() {
  console.log({
    text: $(this).text(),
    href: $(this).attr('href')
  });
});