jQuery('#userId').val();
jQuery('div').text();
上面代码就是在使用jQuery选择器，jQuery选择器实现了下列四个方法
| 代码如下 | 复制代码 |
| jQuery( expression, context ) Returns: jQuery 这个函数接收一个CSS选择器的字符串，然后用这个字符串去匹配一组元素。 This function accepts a string containing a CSS selector which is then used to match a set of elements. jQuery( html, ownerDocument ) Returns: jQuery 根据HTML原始字符串动态创建Dom元素. Create DOM elements on-the-fly from the provided String of raw HTML. jQuery( elements ) Returns: jQuery 将一个或多个Dom对象封装jQuery函数功能(即封装为jQuery包装集) Wrap jQuery functionality around a single or multiple DOM Element(s). jQuery( callback ) Returns: jQuery $(document).ready()的简写方式 A shorthand for $(document).ready(). |
|
上面摘选自jQuery官方手册。
| 代码如下 | 复制代码 |
| quickExpr = /^[^<]*(<[wW]+>)[^>]*$|^#([w-]+)$/ | |
这个正则表达式都是在我们传入jQuery里面第一个参数是string时候会调用，具体点就是当你不是传入$(""), $(null), $(undefined)或者$(DOMElement)时候就会使用到这个正则表达式。因此我想在这里好好分析下这两个正则表达式。
首先补充下正则表达式的基础知识：
正则表达式quickExpr = /^[^<]*(<[wW]+>)[^>]*$|^#([w-]+)$/，可以由 | 分为两个部分，前一个部分是^[^<]*(<[wW]+>)[^>]*$，这个有开始符号^和结束符号$，该表达式按顺序分析：
1. [^<]*----标示字符的头部可以是除了<的任意字符或者是干脆没有字符
2. (<[wW]+>)-----这个表示字符串里要包含用<>包含的字符，例如<p>,<div>等等都是符合要求的
3. [^>]*----字符串尾部是除了>的任意字符或者没有字符
由上可知表达式^[^<]*(<[wW]+>)[^>]*$的意思是字符串里面一定要包含被尖括号包含的字符也就是html代码。
正则表达式的后半部分是：^#([w-]+)$，这个就比较简单了，它的含义是匹配带上#号的任意字符。
那么整个表达式的含义就是匹配HTML标记和ID表达式。下面我做了针对这个表达式的测试
| 代码如下 | 复制代码 |
function regrexFtn()
{
var quickExpr = /^[^<]*(<[wW]+>)[^>]*$|^#([w-]+)$/;
var data = "#userId";
console.log(quickExpr.exec(data));
data = "<span>网页特效 jquery</span>";
console.log(quickExpr.exec(data));
data = "start<span>javascript jquery</span>end";
console.log(quickExpr.exec(data));
data = "div .red";
console.log(quickExpr.exec(data));
data = "javascript jquery";
console.log(quickExpr.exec(data));
data = "div";
console.log(quickExpr.exec(data));
data = ".odd";
console.log(quickExpr.exec(data));
}
regrexFtn();
|
|
以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索正则表达式
， string
， 字符串
， 函数
， 代码
表达式
jquery选择器详解、jquery选择器使用变量、jquery选择器组合使用、css选择器详解、选择器详解，以便于您获取更多的相关知识。