JQuery攻略（二） Jquery手册
在上一篇 JQuery攻略（一） 基础知识——选择器 与 DOM 中，我写了js的使用，如何选择元素，和一些比较常用的函数及DOM操作。
在这篇中，我将建立多个列表，将更多的 自定义选择器，函数，DOM操作，对象，效果（后面会写）等手册，一一展现出来。让自己 也方便浏览者更好的查看。
更多，更详细的使用方法可去官网 http://api.jquery.com/查阅。
此章节有
2.1 自定义选择器
在Jquery中，基本的选择器有三种方式选取元素，
1.元素选择
$('P') --选择HTML文档中所有P元素标签
$('div') --选择HTML文档中所有div元素标签
2.id选择器
$('#A') --选择HTML文档中所有id=A的元素
3.class选择器
$('.color') --选择HTML文档中所有class=color的元素
利用上面三种基本选择器，有时选取的元素太多，我们需要更详细的筛选，那，自定义选择器就上场了。
例如：
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("input[id=xx]") 选取id=xx 的input元素
$("input[name=xx]") 选取name=xx 的所有input元素
$("input[type=xx]") 选取type=xx 的所有input元素
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
$("ul li:first") 每个 <ul> 的第一个 <li> 元素
jQuery 选择器
| 选择器 | 实例 | 选取 |
|---|---|---|
| * 选择器 | $("*") | 所有元素 |
| # 选择器 | $("#Element_id") | id="Element_id" 的元素 |
| . 选择器 | $(".ClassName") | 所有 class="ClassName" 的元素 |
| element 选择器 | $("p") | 所有 <p> 元素 |
| .class.class | $(".ClassName1.ClassName2") | 所有 class="ClassName1" 且 class="ClassName2" 的元素 |
| :first 选择器 | $("p:first") | 第一个 <p> 元素 |
| :last 选择器 | $("p:last") | 最后一个 <p> 元素 |
| :even 选择器 | $("tr:even") | 所有偶数 <tr> 元素 |
| :odd 选择器 | $("tr:odd") | 所有奇数 <tr> 元素 |
| :eq(index) 选择器 | $("ul li:eq(3)") | 列表中的第四个元素（index 从 0 开始） |
| :gt(no) 选择器 | $("ul li:gt(3)") | 列出 index 大于 3 的元素 |
| :lt(no) 选择器 | $("ul li:lt(3)") | 列出 index 小于 3 的元素 |
| :not(selector) | $("input:not(:empty)") | 所有不为空的 input 元素 |
| :header 选择器 | $(":header") | 所有标题元素 <h1> - <h6> |
| :animated 选择器 | $(":animated") | 所有动画元素 |
| :contains(text) 选择器 | $(":contains('string')") | 包含指定(string)字符串的所有元素 |
| :empty 选择器 | $(":empty") | 无子（元素）节点的所有元素 |
| :hidden | $("p:hidden") | 所有隐藏的 <p> 元素 |
| :visible 选择器 | $("table:visible") | 所有可见的表格 |
| s1,s2,s3 | $("th,td,.ClassName") | 所有带有匹配选择的元素 |
| [attribute] 选择器 | $("[href]") | 所有带有 href 属性的元素 |
| [attribute=value] 选择器 | $("[href='#']") | 所有 href 属性的值等于 "#" 的元素 |
| [attribute!=value] 选择器 | $("[href!='#']") | 所有 href 属性的值不等于 "#" 的元素 |
| [attribute$=value] 选择器 | $("[href$='.jpg']") | 所有 href 属性的值包含以 ".jpg" 结尾的元素 |
| :input 选择器 | $(":input") | 所有 <input> 元素 |
| :text 选择器 | $(":text") | 所有 type="text" 的 <input> 元素 |
| :password 选择器 | $(":password") | 所有 type="password" 的 <input> 元素 |
| :radio 选择器 | $(":radio") | 所有 type="radio" 的 <input> 元素 |
| :checkbox 选择器 | $(":checkbox") | 所有 type="checkbox" 的 <input> 元素 |
| :submit 选择器 | $(":submit") | 所有 type="submit" 的 <input> 元素 |
| :reset 选择器 | $(":reset") | 所有 type="reset" 的 <input> 元素 |
| :button 选择器 | $(":button") | 所有 type="button" 的 <input> 元素 |
| :image 选择器 | $(":image") | 所有 type="image" 的 <input> 元素 |
| :file 选择器 | $(":file") | 所有 type="file" 的 <input> 元素 |
| :enabled 选择器 | $(":enabled") | 所有激活的 input 元素 |
| :disabled 选择器 | $(":disabled") | 所有禁用的 input 元素 |
| :selected 选择器 | $(":selected") | 所有被选取的 input 元素 |
| :checked 选择器 | $(":checked") | 所有被选中的 input 元素 |
有些选择器的参数是可以是一个fucntion(){} :lt(no) :gt(no) :eq(index) 选择器 具体例子可看另一位博友写的 自定义选择器 。
2.2 HTML DOM 函数
在上一篇的1.7 对DOM节点的操作 中，有写到一些多DOM节点的操作函数，下面我将他们整理成列表的形式以便查阅（部分遗漏的会补上，例子有可能更改）
这些方法对于 XML 文档和 HTML 文档均是适用的，除了一个函数之外：html()。
| 方法 | 实例 | 描述 |
|---|---|---|
| addClass() | $("p").addClass("className"); | 向匹配的所有p元素添加指定的类名。 |
| after() | $("p").after("<p> Hello world!</p> "); | 在匹配的所有p元素之后插入内容<p>Hello world!</p>,同等级没有嵌套关系,与before()函数对应。 |
| append() | $("p").append("<b>Hello world!</b>"); | 向匹配p元素集合中的每个元素结尾插入由参数指定的内容,会嵌套在内部<p><b>Hello world!</b></p> |
| appendTo() | $("<b>Hello world!</b>").appendTo("p"); | 向目标结尾插入匹配元素集合中的每个元素。会嵌套在内部,与append只是语法不一样。 |
| attr() | $("#Elemet_id").attr('property'); $("#Elemet_id").attr('property','value'); $("#Elemet_id").attr({'property1': 'value1', 'property2': 'value2'}); //设置多个属性 |
设置或返回匹配元素的属性和值。 //获取属性 var width = $("img").attr("width"); //设置属性 $("img").attr("width","180"); |
| before() | $("p").before("<p>Hello world!</p>"); | 在匹配的所有p元素之前插入内容。同等级 |
| clone() | $("p").clone().prependTo("p"); | 创建匹配元素集合的副本。克隆一个p元素，将他插入到p元素下成为他的下一级。 |
| detach() | $("p").detach(); | 从 DOM 中移除匹配元素集合，包括所有文本和子节点，detach() 会保留所有绑定的事件、附加的数据，这一点与 remove() 不同。 |
| empty() | $("div").empty(); | 删除匹配的元素集合中所有的子节点。包括所有文本和子节点。 |
| hasClass() | $("p").hasClass("ClassName"); | 检查被选元素是否包含指定的 class。 |
| html() | $("#div").html();//取值 $("#div").html("This is a div");//赋值 |
设置或返回匹配的元素集合中的 HTML 内容。如果该方法未设置参数，则返回被选元素的当前内容。 |
| insertAfter() | $("<span>Hello world!</span>").insertAfter("p"); | 把匹配的元素插入到另一个指定的元素集合的后面。与insertBefore()函数对应。同等级不包含 |
| insertBefore() | $("<span>Hello world!</span>").insertBefore("#5"); | 把匹配的元素插入到另一个指定的元素集合的前面。同等级不包含。 |
| prepend() | $("p").prepend('<h2>插入元素h2</h2>'); | 向匹配元素集合中的每个元素开头插入由参数指定的内容。插入的元素为<p>的下级 |
| prependTo() | $('<h2>插入元素h2</h2>').prependTo("p"); | 向目标开头插入匹配元素集合中的每个元素。插入的元素为<p>的下级 |
| remove() | $("p").remove(); | 移除所有匹配的元素,包括所有文本和子节点。 |
| removeAttr() | $("p").removeAttr("id"); | 从所有匹配的元素中移除指定的属性,从任何 p 元素中移除 id 属性。 |
| removeClass() | $("div").removeClass("ClassName"); | 从所有匹配的元素中删除全部或者指定的类。 |
| replaceAll() | $("<div>我也变成div了！</div>").replaceAll("#P2"); | 用匹配的元素替换所有匹配到的元素。 |
| replaceWith() | $("#P1").replaceWith("<div>变成div了！</div>"); | 用新内容替换匹配的元素,replaceAll() 与 replaceWith() 作用相同。差异在于语法：内容和选择器的位置，以及 replaceWith()能够使用函数进行替换。 |
| text() | $("p").text();//获取 $("p").text("Hello <b>world</b>!"); //设置 | 设置或返回匹配元素的内容。 |
| toggleClass() | $("p").toggleClass("className"); | 从匹配的元素中添加或删除一个类。切换被选元素的class. |
| unwrap() | $("p").unwrap(); | 移除并替换指定元素的父元素，跳出父节点的包裹。 |
| val() | $("#input").val(); //取文本框的值 $("#input").val("change input value"); //为文本框赋值 |
设置或返回匹配元素的值。 |
| wrap() | $("p").wrap("<div></div>"); | 把匹配的元素用指定的内容或元素包裹起来，单个<p>元素<div>包裹起来。有多少个p，就有多少个div |
| wrapAll() | $("p").wrapAll("<div></div>"); | 把所有匹配的元素用指定的内容或元素包裹起来,将所有匹配的<p>元素用一个<div>包裹起来。不管有多少个p，就只有一个div |
| wrapinner() | $("p").wrapInner("<b>加粗</b>"); | 将每一个匹配的元素的子内容用指定的内容或元素包裹起来,将匹配元素的内容用指定的参数包裹起来,包括子节点，和内容。 |
2.3 CSS DOM 函数
下面列出一些方法设置或返回元素的 CSS 相关属性。
| CSS 属性 | 实例 | 描述 |
|---|---|---|
| css() | $("p").css("color"); //取值返回rgb $("p").css("color","red");//设置 $("p").css({ "color":"white", "font-size":"20px", "padding":"5px" });//多值设置 |
返回或设置匹配的元素的一个或多个样式属性。 |
| height() | $("p").height();//取值 $("p").height(50);//设置 |
返回或设置匹配元素的高度。 |
| offset() | var position = $("p").offset(); var left = position.left; var top = position.top; | 返回或设置匹配元素相对于文档的偏移（位置）。 |
| offsetParent() | $("p").offsetParent() | 返回最近的父级定位元素。定位元素指的是元素的 CSS position 属性被设置为 relative、absolute 或 fixed 的元素。 可以通过 jQuery设置 position，或者通过 CSS 的 position 属性。 |
| position() | var x=$("p").position(); var left = x.left; var top = x.top; | 返回匹配元素相对于父元素的位置（偏移）。 |
| scrollLeft() | $("div").scrollLeft(); | 设置或返回匹配元素相对滚动条左侧的偏移。滚动条的水平位置指的是从其左侧滚动过的像素数。当滚动条位于最左侧时，位置是 0。 |
| scrollTop() | $("div").scrollLeft(); | 返回或设置匹配元素的滚动条的垂直位置。如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。 |
| width() | $("p").width(); | 返回或设置匹配元素的宽度。 |
2.4 jQuery 遍历函数
jQuery 遍历函数
| 函数 | 实例 | 描述 |
|---|---|---|
| .add() | .add(selector) $("div").css("border", "2px solid red").add("p") |
将元素添加到匹配元素的集合中。(五种使用方法) |
| .andSelf() | $("p").andSelf().nextAll().css("background-color", "red"); | 把堆栈中之前的元素集添加到当前集合中。(包括了自己) |
| .children() | $("div").children(); | 返回匹配元素集合中每个元素的子元素，添加可选参数可通过选择器进行过滤。(只向下匹配一层) |
| .closest() | $("p").closest("div").addClass("hilight ") // 从p元素往上遍历，遇到的第一个div，返回集合，包括了div所有子级 |
从元素本身开始，逐级向上级元素匹配，并返回最先匹配的父级元素。 .parents() 和 .closest() 方法类似，它们都沿 DOM 树向上遍历。 前者是沿 DOM 树向上遍历，直到文档的根元素为止，将每个祖先元素添加到一个临时的集合；如果应用了选择器，则会基于该选择器对这个集合进行筛选。 后者是沿 DOM 树向上遍历，直到找到已应用选择器的一个匹配为止。 |
| .contents() | $("p").contents(); | 获得匹配元素集合中每个元素的子节点，包括文本和注释节点。 |
| .each() | $("p").each(function(index,element){......}); | 对 jQuery 对象进行迭代，为每个匹配元素执行函数。 |
| .end() | $("p").find("span").end().css("border", "2px red solid"); // 选择所有p元素，找到这些p元素中的 span 元素，然后将它们恢复为p元素，并把段落设置为两像素的红色边框： |
结束当前链中最近的一次筛选操作，并将匹配元素集合返回到前一次的状态。 |
| .eq() | $("div").eq(2); // 第三个，从零开始 | 将匹配元素集合缩减为位于指定索引的新元素。 |
| .filter() | $("div").filter(".middle") 匹配所有div，class = middle 的所有元素 |
将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素。 |
| .find() | $("p").find("span"); // 匹配所有p元素中的span元素 |
获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。（可指定范围） |
| .first() | $("p span").first(); // 与last()相对应 |
将匹配元素集合缩减为集合中的第一个元素。 |
| .has() | $("div").has("a"); // 匹配所以div元素中带有a元素的集合 |
将匹配元素集合缩减为包含特定元素的后代的集合。 |
| .is() | $("p").parent().is("div"); // p元素的父级是div |
根据选择器检查当前匹配元素集合，如果存在至少一个匹配元素，则返回 true。 |
| .last() | $("p span").last(); // 与first()相对应 |
将匹配元素集合缩减为集合中的最后一个元素。 |
| .map() | $("input").map(function(){ alert ($(this).val());}) // 相当与遍历 input集合列表，将它们的值一个个弹出 |
把当前匹配集合中的每个元素传递给函数，产生包含返回值的新 jQuery 对象。 |
| .next() | $("#div").next("p"); // 返回id=div元素最临近的一个p元素 // 如next()没有参数的话，返回的是与id=div相同的下一个元素 |
获得匹配元素集合中每个元素紧邻的同辈元素。（只一个元素,方向向下与.prev()相反） |
| .nextAll() | $("#div").nextAll("p"); // 返回id=div元素最临近的所有p元素 (向下) // 如next()没有参数的话，返回的是id=“div”元素以下的所有元素 |
获得匹配元素集合中每个元素之后的所有同辈元素，由选择器进行筛选（可选）。（同级，向下，不包括自己） |
| .nextUntil() | $("#1").nextUntil("#11"); // 如果序号连续的话，这里选中的元素个数将是 9 个;并不包括 1 和 11 本身 |
获得每个元素之后所有的同辈元素，直到遇到匹配选择器的元素为止。（向下，不包括自己，与 prevUntil()相对） |
| .not() | $("p").not("#id1"); // 反选择，匹配了id=id1 除外的所有 p元素 |
从匹配元素集合中删除元素。 |
| .offsetParent() | $("p").offsetParent(); // p元素第一个有position：absolute 或者 relative 的父级 |
获得用于定位的第一个父元素。 |
| .parent() | $("p").parent(); // 与children()函数一样，只有匹配一层。向上。 |
获得当前匹配元素集合中每个元素的父元素，由选择器筛选（可选）。 |
| .parents() | $("p").parents() // p元素的所有父级 |
获得当前匹配元素集合中每个元素的祖先元素，由选择器筛选（可选）。 |
| .parentsUntil() | $("#11").parentsUntil("#1"); // 假如 #11到#1连续嵌套，那么，这里会选到10个元素，包括#11,但不包括#1 |
获得当前匹配元素集合中每个元素的祖先元素，直到遇到匹配选择器的元素为止。 |
| .prev() | $("#div").prev("p"); // 返回id=div元素最临近的一个p元素 // 如next()没有参数的话，返回的是与id=div相同的上一个元素 |
获得匹配元素集合中每个元素紧邻的前一个同辈元素，由选择器筛选（可选）。（只一个元素,方向向上与.next()相反） |
| .prevAll() | $("#div").prevAll("p"); // 返回id=div元素最临近的所有p元素（向上） // 如 prevAll()没有参数的话，返回的是id=“div”元素以上的所有元素 |
获得匹配元素集合中每个元素之前的所有同辈元素，由选择器进行筛选（可选）。（同级，向上，不包括自己） |
| .prevUntil() | $("#11").prevUntil("#1"); // 如果序号连续的话，这里选中的元素个数将是 9 个;并不包括 1 和 11 本身 |
获得每个元素之前所有的同辈元素，直到遇到匹配选择器的元素为止。（向上，不包括自己，与nextUntil()相对） |
| .siblings() | $("p").siblings(); // 选择所有与p元素同级元素，不分元素类型 |
获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的。（不分元素类型） |
| .slice() | $("p").slice(0, 5); // 0是开始下标，选取5个 如果有嵌套，嵌套也算 // <p>1<2><3><4><5></p></p></p></p></p><p>6</p>只会选到5 |
把匹配元素集合缩减为指定的指数范围的子集。 |
2.5 String 对象
string 属性
| 属性 | 描述 | 实例说明 |
|---|---|---|
| constructor | 对创建该对象的函数的引用 | object.constructor |
| length | 可返回字符串中的字符数目 | stringObject.length "Hello World!".length |
| prototype | 向对象添加属性和方法 | object.prototype.name=value/function |
string 方法
| 方法 | 描述 | 实例 |
|---|---|---|
| anchor() | 创建 HTML 锚。 | txt.anchor("txt"); |
| big() | 用大号字体显示字符串。 | txt.big(); |
| blink() | 显示闪动字符串。 | |
| bold() | 使用粗体显示字符串。 | |
| charAt() | 返回在指定位置的字符。 | |
| charCodeAt() | 返回在指定的位置的字符的 Unicode 编码。 | |
| concat() | 连接字符串。 | stringObject.concat(stringX,stringX,...,stringX) |
| fixed() | 以打字机文本显示字符串。 | stringObject.fixed() |
| fontcolor() | 使用指定的颜色来显示字符串。 | stringObject.fontcolor(color) |
| fontsize() | 使用指定的尺寸来显示字符串。size 1-7 | stringObject.fontsize(size) |
| fromCharCode() | 从字符编码创建一个字符串。 | String.fromCharCode(numX,numX,...,numX) |
| indexOf() | 检索字符串。一次 | stringObject.indexOf(searchvalue,fromindex) |
| italics() | 使用斜体显示字符串。 | stringObject.italics() |
| lastIndexOf() | 从后向前搜索字符串。searchvalue 搜索字段，startindex开始下标，0为开始下标 | stringObject.lastIndexOf(searchvalue,startindex) |
| link() | 将字符串显示为链接。 | stringObject.link("url") |
| localeCompare() | 用本地特定的顺序来比较两个字符串。返回值 -1，0，1 | stringObject.localeCompare(target) |
| match() | 找到一个或多个正则表达式的匹配。返回值匹配到的数组 | stringObject.match(searchvalue) stringObject.match(regexp) |
| replace() | 替换与正则表达式匹配的子串。返回一个新的字符串 | stringObject.replace(regexp/substr,replacement) |
| search() | 检索与正则表达式相匹配的值。返回一个新的字符串 | stringObject.search(regexp) |
| slice() | 提取字符串的片断，并在新的字符串中返回被提取的部分。 | stringObject.slice(start,end) |
| small() | 使用小字号来显示字符串。 | stringObject.small() |
| split() | 把字符串分割为字符串数组。 | stringObject.split(string/char/RegExp,howmany) |
| strike() | 使用删除线来显示字符串。 | stringObject.strike() |
| sub() | 把字符串显示为下标。 | stringObject.sub() |
| substr() | 从起始索引号提取字符串中指定数目的字符。 | stringObject.substr(start,length) |
| substring() | 提取字符串中两个指定的索引号之间的字符。 | stringObject.substring(start,stop) |
| sup() | 把字符串显示为上标。 | stringObject.sup() |
| toLocaleString() | 方法可把一个对象转换为本地格式的字符串。 | array.toLocaleString() 、 date.toLocaleString() 、 Number.toLocaleString() |
| toLocaleLowerCase() | 把字符串转换为小写。 | stringObject.toLocaleLowerCase()（根据本地语言） |
| toLocaleUpperCase() | 把字符串转换为大写。（根据本地语言） | stringObject.toLocaleUpperCase() |
| toLowerCase() | 把字符串转换为小写。 | stringObject.toLowerCase() |
| toUpperCase() | 把字符串转换为大写。 | stringObject.toUpperCase() |
| toSource() | 代表对象的源代码。 | object.toSource() |
| toString() | 返回字符串。 | array.toString() 、 boolean.toString() 、 date.toString()、 Number.toString() |
| valueOf() | 返回某个字符串对象的原始值。 | stringObject.valueOf() |
一段代码
var txt = "Hello World!";
document.write("<p>anchor: " + txt.anchor("txt") + "</p>"); //生成--><a> name="txt">Hello World!</a>
document.write("<p>Big: " + txt.big() + "</p>"); //生成--><big>Hello world!</big>
document.write("<p>Blink: " + txt.blink() + " (好像没啥效果)</p>"); //生成--><blink>Hello World!</blink>
document.write("<p>Bold: " + txt.bold() + "</p>"); //生成--><b>Hello World!</b>
document.write("<p>charAt: " + txt.charAt(1) + " </p>"); ; //下标从0开始 e 返回值string
document.write("<p>charCodeAt: " + txt.charCodeAt(1) + " </p>"); //下标从0开始 101（e）参数是-1或者没找到得到的是 NaN 返回值int
document.write("<p>Fixed: " + txt.fixed() + "</p>"); //生成--><tt>Hello World!</tt>
document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>"); //生成--><font color="Red">Hello World!</font>
document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>"); //生成--><font size="16">Hello World!</font>
document.write("<p>Small: " + txt.small() + "</p>"); //生成--><small>Hello World!</small>
document.write("<p>Italic: " + txt.italics() + "</p>"); //生成--><i>Hello World!</i>
document.write("<p>Strike: " + txt.strike() + "</p>"); //生成--><strike>Hello World!</strike>
document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>"); //生成-->hello world!
document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>"); //生成-->HELLO WORLD!
document.write("<p>Subscript: " + txt.sub() + "</p>"); //生成--><sub>Hello World!</sub>
document.write("<p>Superscript: " + txt.sup() + "</p>"); //生成--><sup>Hello World!</sup>
document.write("<p>Link: " + txt.link("http://www.cnblogs.com") + "</p>"); //生成--><a href="http://www.cnblogs.com">Hello World!</a>
2.6 RegExp 对象
RegExp 对象完成对正则表达式的封装，它是对字符串执行模式匹配的强大工具。
语法：new RegExp(stringpattern, parameter);
参数 stringpattern 是一个字符串正则表达式
参数 parameter 可选，i(大小写忽略),g(全局匹配),m(多行匹配)指定匹配范围
返回值 一个新的 RegExp对象，
范围标识
| 范围修饰符 | 描述 | 实例 |
|---|---|---|
| i | 忽略大小写敏感匹配。 | new RegExp("regexp","i") |
| g | 全局匹配（匹配所有匹配而非在找到第一个匹配后停止）。 | new RegExp("regexp","g") |
| m | 执行多行匹配。 | new RegExp("regexp","m") |
范围匹配
| 表达式 | 描述 |
|---|---|
| [abc] | 匹配方括号中abc的任何字符。 |
| [^abc] | 匹配任何不是abc的字符。 |
| [0-9] | 匹配任何从 0 至 9 的数字。 |
| [a-z] | 匹配任何从小写 a 到小写 z 的字符。 |
| [A-Z] | 匹配任何从大写 A 到大写 Z 的字符。 |
| [A-z] | 匹配任何从大写 A 到小写 z 的字符。 |
| [adgk] | 匹配给定集合内的任何字符。 |
| [^adgk] | 匹配给定集合外的任何字符。 |
| (red|blue|green) | 匹配任何指定的选项。 |
元字符匹配
| 元字符 | 描述 |
|---|---|
| . | 匹配单个字符，匹配除换行符以外的任意字符。 |
| \w | 匹配字母或数字或下划线或汉字。 |
| \W | 匹配非单词字符。 |
| \d | 匹配数字。 |
| \D | 匹配非数字字符。 |
| \s | 匹配空白字符。 |
| \S | 匹配非空白字符。 |
| \b | 匹配单词边界。 |
| \B | 匹配非单词边界。 |
| \0 | 匹配 NUL 字符。 |
| \n | 匹配换行符。 |
| \f | 匹配换页符。 |
| \r | 匹配回车符。 |
| \t | 匹配制表符。 |
| \v | 匹配垂直制表符。 |
| \xxx | 匹配以八进制数 xxx 规定的字符。 |
| \xdd | 匹配以十六进制数 dd 规定的字符。 |
| \uxxxx | 匹配以十六进制数 xxxx 规定的 Unicode 字符。 |
量词匹配
| 量词 | 描述 |
|---|---|
| n+ | 匹配至少一个或者更多 n 的字符串。 |
| n* | 匹配零个或多个 n 的字符串。 |
| n? | 匹配零个或一个 n 的字符串。 |
| n{X} | 匹配X 个 n 的字符串。 |
| n{X,Y} | 匹配至少X个 最多Y 个 n 的字符串。 |
| n{X,} | 匹配至少 X 个 n 的字符串。 |
| n$ | 匹配结尾为 n 的字符串。 |
| ^n | 匹配开头为 n 的字符串。 |
| ?=n | 匹配任何其后紧接指定字符串 n 的字符串。 |
| ?!n | 匹配任何其后没有紧接指定字符串 n 的字符串。 |
对象属性
| 属性 | 描述 |
|---|---|
| global | RegExp 对象是否具有标志 g。 |
| ignoreCase | RegExp 对象是否具有标志 i。 |
| lastIndex | 一个整数，标示开始下一次匹配的字符位置。 |
| multiline | RegExp 对象是否具有标志 m。 |
| source | 正则表达式的源文本。 |
对象方法
| 方法 | 描述 | 实例 |
|---|---|---|
| compile | 编译正则表达式。 | patt1.compile("patt", "g") |
| exec | 检索字符串中指定的值。返回找到的值，并确定其位置。 | patt1.exec('TestString') |
| test | 检索字符串中指定的值。返回 true 或 false。 | patt1.test('TestString') |
支持RegExp对象的String对象方法
| 方法 | 描述 |
|---|---|
| search | 检索与正则表达式相匹配的值。 |
| match | 找到一个或多个正则表达式的匹配。 |
| replace | 替换与正则表达式匹配的子串。 |
| split | 把字符串分割为字符串数组。 |
The end
Jquery的函数有很多，这里只是列举了一些比较常用的函数。如果想或多更过更详细的函数和例子，可以访问 官网 和 W3cSchool手册。
另外，在另一位博友"kuku-1"那里，我下载了 离线版本的 Jquery Api l.4 版本， 这是 他的 这是 我的（两个是一样的）。
jQuery系列链接汇总
JQuery攻略（二） Jquery手册的更多相关文章
- JQuery攻略（五）表单验证
表单验证,字段空白,输入合法,数据合法....... 此章节有 1.1字段验证 1.2正则表达式验证 1.3复选框的勾选 1.1字段验证 1.字段非空 $(document).ready(functi ...
- JQuery攻略（四）事件
jQuery事件处理,鼠标的单击,双击,悬停,键盘按键,文本动画..... 此章节有 1.1被点击的按钮查找 1.2事件的自动触发 1.3点击之后禁用按钮 1.4鼠标事件 1.5焦点事件 1.6CSS ...
- JQuery攻略（三）数组与字符串
在上两章,JQuery攻略(一) 基础知识——选择器 与 DOM 和 JQuery攻略(二) Jquery手册 我们为后面的章节打好了基础,在这一章节中,我们继续. 在这一章节中,我们记录的是JQue ...
- JQuery攻略（一） 基础知识——选择器 与 DOM
JQuery是功能丰富的Javascript库,可以帮助用户毫不费力地把动态功能应用到网页. JQuery具有许多强大的功能,包括访问部分网页,快速修改网页内容,添加动画,应用AJAX技术等等. 正因 ...
- jQuery学习笔记(二)jQuery中DOM操作
目录 DOM操作分类 jQuery中的各种DOM操作 查找节点 创建节点 删除节点 复制节点 替换节点 包裹节点 属性操作 样式操作 对HTML.文本和值的操作 遍历节点 CSS-DOM操作 小结 本 ...
- JQuery攻略（六）菜单导航
jQuery菜单导航的基础应用 此章节有 1.0 页面导航 1.01面包屑菜单 1.02菜单悬停 1.03菜单快捷键 1.04两个单独的菜单 1.05折叠菜单 1.01面包屑菜单 html <b ...
- jQuery基础学习(二)—jQuery选择器
一.jQuery基本选择器 1.CSS选择器 在学习jQuery选择器之前,先介绍一下之前学过的CSS选择器. 选择器 语法 描述 示例 标签选择器 E { ...
- jQuery学习之二 jQuery选择器
一.jQuery选择器是什么1.CSS选择器2.jQuery选择器 二.jQuery选择器的优势1.简洁的写法2.支持从CSS1到CSS3选择器3.完善的处理机制 传统js选择器假如要操作的元素不存 ...
- mac攻略(二) -- 简单配置php开发环境
最简单直接的方式还是使用 Mac 上自带的 Apache 和 PHP. 1.启动 Apache 1>启动apache $sudo apachectl start; 2>启动后,在浏览器 ...
随机推荐
- *使用配置类定义Codeigniter全局变量
之前提到的 CodeIgniter 引入自定义公共函数 这篇文章提到了公共函数实现,全局的变量也可以借助 helper 函数来实现.不过,更为合适的方式可能要属用配置类定义了. CodeIgniter ...
- 关于spark standalone模式下的executor问题
1.spark standalone模式下,worker与executor是一一对应的. 2.如果想要多个worker,那么需要修改spark-env的SPARK_WORKER_INSTANCES为2 ...
- 014 再次整理关于hadoop中yarn的原理及运行
一:对yarn的理解 1.关于yarn的组成 大约分成主要的四个. Resourcemanager,Nodemanager,Applicationmaster,container 2.Resource ...
- Could not resolve com.android.support:appcompat-v7:28.0.0 错误处理
20181008 总是出现错误 Could not resolve com.android.support:appcompat-v7:28.0.0 1.先是怀疑前些天降级了jdk 1.8 ,所以重 ...
- Prim算法和Kruskal算法
Prim算法和Kruskal算法都能从连通图找出最小生成树.区别在于Prim算法是以某个顶点出发挨个找,而Kruskal是先排序边,每次选出最短距离的边再找. 一.Prim(普里姆算法)算法: ...
- SetProcessWorkingSetSize 降低程序运行内存
在项目中对程序性能优化时,发现用SetProcessWorkingSetSize() 方法使内存降低了很多,于是查阅了相关的资料如下. 一 SetProcessWorkingSetSize 的工作原理 ...
- QQ和微信一键加群加好友代码
QQ和微信一键加群加好友链接代码实现. 1.QQ加群加好友链接(借助腾讯QQ群推广链接和加好友链接实现) (1).加群技术链接: http://qun.qq.com/join.html (2).加好友 ...
- 使用清华源和阿里源替代Ubuntu源
sudo nano /etc/apt/source.list 替换为如下文本 # 默认注释了源码镜像以提高 apt update 速度,如有需要可自行取消注释 deb https://mirrors. ...
- 移动前端开发和 Web 前端开发的区别是什么
可以分成两部分理解1.服务器端开发,也叫后台开发,这是唯一的,对应不同的平台,他负责数据的分发与存储,和一些逻辑的处理.逻辑处理的多少由业务的复杂程度决定.服务端相对独立,与平台没啥关系. 2..1中 ...
- 面向企业级的开源WebGIS解决方案--MapGuide（对比分析）
在技术特点.功能.架构等方面,MapGuide与其他WebGIS产品有什么区别?本文主要从此角度来介绍MapGuide的特性,以供参考. 本人选择了比较熟悉的几款WebGIS产品:MapServ ...