jQuery 公共函数

jQuery是一个功能强大的JavaScript库，它提供了许多实用的公共函数，可以帮助程序员更轻松地处理各种任务。在本文中，我们将介绍一些常用的jQuery公共函数以及它们的使用方法。

选择器

选择器是jQuery中最常用的功能之一。下面是一些常用的选择器函数：

$(selector)

通过选择器选择元素并返回jQuery对象。例如：

$('p')             // 选择所有p元素
$('#myDiv')        // 选择id为myDiv的元素
$('.myClass')      // 选择class为myClass的元素

$(this)

返回当前选中的元素。例如：

$('button').click(function() {
  $(this).addClass('active');
});

$(selector, context)

在指定的上下文中查找元素。例如：

$('.myClass', '#myDiv')   // 在id为myDiv的元素中查找class为myClass的元素

样式

样式是网页的重要组成部分之一。jQuery提供了一些函数来操作元素的样式。

addClass(className)

为元素添加指定的类名。例如：

$('p').addClass('myClass');

removeClass(className)

从元素中删除指定的类名。例如：

$('p').removeClass('myClass');

toggleClass(className)

如果元素没有指定的类名，则添加该类名；否则，删除该类名。例如：

$('button').click(function() {
  $('p').toggleClass('hidden');
});

属性

元素的属性也是网页的一部分。jQuery提供了一些函数来操作属性。

attr(attributeName)

获取元素指定属性的值。例如：

$('input[type="text"]').attr('name');

attr(attributeName, value)

设置元素指定属性的值。例如：

$('input[type="text"]').attr('name', 'username');

prop(propertyName)

获取元素指定属性的布尔值。例如：

$('input[type="checkbox"]').prop('checked');

prop(propertyName, value)

设置元素指定属性的布尔值。例如：

$('input[type="checkbox"]').prop('checked', true);

事件

事件是交互式网站的核心。jQuery提供了丰富的事件函数。

click()

为元素添加点击事件处理程序。例如：

$('button').click(function() {
  alert('Hello World!');
});

mouseover()

为元素添加鼠标悬停事件处理程序。例如：

$('button').mouseover(function() {
  $(this).addClass('highlight');
});

mouseout()

为元素添加鼠标移出事件处理程序。例如：

$('button').mouseout(function() {
  $(this).removeClass('highlight');
});

动画

动画是网站中常见的一种交互方式。jQuery提供了一些函数来实现动画效果。

animate()

使用CSS属性逐渐改变元素的值。例如：

$('button').click(function() {
  $('div').animate({
    left: '+=100px',
    height: '+=50px'
  }, 500);
});

总结

在本文中，我们介绍了一些常用的jQuery公共函数，包括选择器、样式、属性、事件和动画。这些函数可以帮助程序员更轻松地实现各种任务。如果你还没有学习jQuery，强烈建议你深入了解它，因为它可以大大提高你的开发效率。