jquery函数大全[参考].pdf

jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。这个“jQuery函数大全[参考].pdf”显然是一个详尽的参考资料，涵盖了jQuery的核心功能和常用方法。以下是对这些方法的详细解释： **Attribute**： - `$( "p" ).addClass("css样式类型")`：向匹配的所有`<p>`元素添加指定的CSS类。 - `$( "img" ).attr({src: "test.jpg", alt: "test Image"})`：使用一个对象（map）为所有`<img>`元素设置`src`和`alt`属性。 - `$( "img" ).attr( "src", "test.jpg" )`：为所有`<img>`元素设置`src`属性。 - `$( "img" ).attr( "title", function() { return this.src })`：根据元素的`src`属性动态设置`title`属性。 - `$( "元素名称" ).html()`：获取元素内部的HTML内容。 - `$( "元素名称" ).html( "<b>new stuff</b>" )`：替换元素的HTML内容。 - `$( "元素名称" ).removeAttr( "属性名称" )`：删除指定属性及其值。 - `$( "元素名称" ).removeClass( "class" )`：从元素中移除指定的CSS类。 - `$( "元素名称" ).text()`：获取元素的纯文本内容。 - `$( "元素名称" ).text( value )`：设置元素的文本内容为`value`。 - `$( "input元素名称" ).val()`：获取`<input>`元素的值。 - `$( "input元素名称" ).val( value )`：设置`<input>`元素的值为`value`。 - `$( "元素名称" ).toggleClass( class )`：根据当前是否存在该样式，切换元素的CSS类。 **Manipulation**： - `$( "元素名称" ).after( content )`：在匹配元素后面添加内容。 - `$( "元素名称" ).append( content )`：将`content`插入到元素的末尾。 - `$( "元素名称" ).appendTo( content )`：将元素插入到`content`的末尾。 - `$( "元素名称" ).before( content )`：在匹配元素前面添加内容。 - `$( "元素名称" ).clone( [bool] )`：克隆元素，可选参数决定是否复制事件处理程序。 - `$( "元素名称" ).empty()`：清空元素的所有子内容。 - `$( "元素名称" ).insertAfter( content )`：将元素插入到`content`之后。 - `$( "元素名称" ).insertBefore( content )`：将元素插入到`content`之前。 - `$( "元素" ).prepend( content )`：将`content`放在元素的开头。 - `$( "元素" ).prependTo( content )`：将元素放在`content`的开头。 - `$( "元素" ).remove()`：删除所有匹配的元素。 - `$( "元素" ).remove( "exp" )`：删除包含`exp`选择器的元素。 - `$( "元素" ).wrap( "html" )`：用HTML字符串包裹元素。 - `$( "元素" ).wrap( element )`：用DOM元素包裹元素。 **Traversing**： - `$( "元素" ).add( expr/html/elements )`：合并元素集合。 - `$( "元素" ).children( expr )`：获取元素的直接子元素。 - `$( "元素" ).contains( str )`：检查元素是否包含特定文本。 - `$( "元素" ).end()`：返回上一个操作集。 - `$( "元素" ).filter( expression/filter )`：过滤元素集合。 - `$( "元素" ).find( expr )`：在元素的后代中查找匹配的元素。 - `$( "元素" ).is( expr )`：检查元素是否匹配给定的选择器。 - `$( "元素" ).next( expr )`：获取元素的下一个兄弟元素。 - `$( "元素" ).not( el/expr/elems )`：从集合中排除元素。 - `$( "元素" ).parent( expr )`：获取元素的直接父元素。 - `$( "元素" ).parents( expr )`：获取元素的所有祖先元素。 - `$( "元素" ).prev( expr )`：获取元素的前一个兄弟元素。 - `$( "元素" ).siblings( expr )`：获取元素的所有同级元素。 **Core**： - `$(html).appendTo( "body" )`：在`body`元素中动态插入HTML。 - `$(elems)`：将DOM元素转换为jQuery对象。 - `$(function() {...})`：在文档加载完成后执行函数，相当于`$(document).ready(function() {...})`。 - `$( "div > p" ).css( "border", "1px solid gray" )`：查找所有`<div>`的直接子`<p>`元素并设置边框样式。 - `$( "input:radio", document.forms[0] )`：在第一个表单中查找所有单选按钮。 - `$.extend( prop )`：扩展jQuery对象，添加或覆盖属性。例如，定义`min`和`max`函数。 这些只是jQuery库中的一部分功能，实际上jQuery提供了更多用于交互、动画和事件处理的方法，使得开发者可以更高效地编写JavaScript代码。