jQuery 如何获取元素

jQuery 的链式操作

创建新元素的方法非常简单，只要把新元素直接传入jQuery的构造函数就行了：

元素的操作：取值和赋值

常见的取值和赋值函数如下：

  • .html() 取出或设置html内容
  • .text() 取出或设置text内容
  • .attr() 取出或设置某个属性的值
  • .width() 取出或设置某个元素的宽度
  • .height() 取出或设置某个元素的高度
  • .val() 取出某个表单元素的值

需要注意的是，如果结果集包含多个元素，那么赋值的时候，将对其中所有的元素赋值；取值的时候，则是只取出第一个元素的值（.text()例外，它取出所有元素的text内容）。

元素的操作：移动

  1. 使用.insertAfter()，把div元素移动p元素后面：
  1. 使用.after()，把p元素加到div元素前面：

元素的操作：复制、删除和创建

工具方法

事件操作

  • 把事件直接绑定在网页元素之上。

以上这些事件在jQuery内部，都是.bind()的便捷方式。使用.bind()可以更灵活地控制事件，比如为多个事件绑定同一个函数：

有时，你只想让事件运行一次，这时可以使用.one()方法。

.unbind()用来解除事件绑定。

所有的事件处理函数，都可以接受一个事件对象（event object）作为参数，比如下面例子中的e：

这个事件对象有一些很有用的属性和方法：

在事件处理函数中，可以用this关键字，返回事件针对的DOM元素：

有两种方法，可以自动触发一个事件。一种是直接使用事件函数，另一种是使用.trigger()或.triggerHandler()。

特殊效果

除了.show()和.hide()，所有其他特效的默认执行时间都是400ms（毫秒），但是你可以改变这个设置。

在特效结束后，可以指定执行某个函数。

更复杂的特效，可以用.animate()自定义。

.stop()和.delay()用来停止或延缓特效的执行。

$.fx.off如果设置为true，则关闭所有网页特效。