JQuery选择器和JQuery包装集

单个对象：var objDiv =document.getElementById(“id”);
多个对象：Var arrObj = document.getElementsByTagName(“id”);

单个对象：var objDiv = $ (“#Id"); 
多个对象：var arrObj = $('div');
//警告：此处是JQuery语法形式，但依然是dom对象数组！！

"$"符号在JQUERY中代表对JQUERY框架集的引用。

1、基础选择器
2、层次选择器
3、基本过滤器
4、内容过滤器
5、可见性过滤器
6、属性过滤器
7、子元素过滤器
8、表单选择器
9、表单过滤器

$("#Id") 选择ID为divId的元素（根据元素Id选择）

$("element") 选择所有元素（根据元素的名称选择）

$(".class") 选择所用CSS类为bgRed的元素（根据元素的css类选择）

$("*")选择页面所有元素（选择所有元素）

$("#divId, element, .class")（可以将几个选择器用","分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容.）

$("div[id]")匹配包含给定属性的元素

$("input[name='...']") 匹配给定的属性是某个特定值的元素  name='...'

$("input[name!='...']")匹配给定的属性是不包含某个特定值的元素 name='...'

$("input[name^='...']")匹配给定的属性是以某些值开始的元素 name^='...'

$("input[name$='...']")匹配给定的属性是以某些值结尾的元素 name$='...'

$("input[name*='...']")匹配给定的属性是以包含某些值的元素 name*='...'

$("input[id][name$='...']")复合属性选择器，需要同时满足多个条件时使用 [id][name$='...']

$("input:enabled")匹配所有可用元素

$("input:disabled")匹配所有不可用元素

$("input:checked")匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)

$("select option:selected")匹配所有选中的option元素

var testDiv = $('#testDiv');
$('<select><option>choose1</option><option>choose2</option></select>').appendTo(testDiv);

$("p").eq(1) 获取第N个元素：.eq(Index)

$("p").filter(".bgRed")筛选出与指定表达式匹配的元素集合：.filter("Express")

$("div").filter(function(index) {});筛选出与指定函数返回值匹配的元素集合：.filter(function)

$("input[type='checkbox']").parent().is("form")用一个表达式来检查当前选择的元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true

$("p").parent()查找每个段落的父元素：

HTML 代码：<div><p>Hello</p><p>Hello</p></div>执行$("p").parent()之后结果为：[ <div><p>Hello</p><p>Hello</p></div>]

$("p").parent(".selected")查找段落的父元素中每个类名为selected的父元素：

HTML 代码：<div><p>Hello</p></div><div class="selected"><p>Hello Again</p></div>执行$("p").parent(".selected")之后结果为：[ <div class="selected"><p>Hello Again</p></div> ]

使用is()方法查找段落的父元素中每个类名为selected的父元素（带返回值true/false）：
使用var flagValue = $("p").parent().is("select") 代替 $("p").parent(".selected") // 使用is()方法会有返回值，如果满足条件，则flagValue会为true;
$("input").map(function(){}).get().join(", ")把form中的每个input元素的值建立一个列表
<p><b>Values: </b></p>
<form>  
    <input type="text" name="name" value="John"/>  
    <input type="text" name="password" value="password"/>  
    <input type="text" name="url" value="http://ejohn.org/"/>
</form>
JS：$("p").append(  $("input").map(function(){  return $(this).val();}).get().join(", ")  ); 
结果：在<p>标签后追加字符串，其内容是取出所有<input>标签的value值，并用“，”分隔，最后结果为：
<p><b>Values:John, password, http://ejohn.org/</b></p>
jQuery.map(arr|obj,callback) //将一个数组转换为另一个数组
将原数组中每个元素加 4 转换为一个新数组：$.map( [0,1,2], function(n){  return n + 4;});  结果:[4, 5, 6]
原数组中大于 0 的元素加 1 ，否则删除：$.map( [0,1,2], function(n){  return n > 0 ? n + 1 : null;}); 结果:[2, 3]
原数组中每个元素扩展为一个包含其本身和其值加 1 的数组，并转换为一个新数组：$.map( [0,1,2], function(n){  return [ n, n + 1 ];}); 结果:[0, 1, 1, 2, 2, 3]
$("p").not($("#testid")[0])去除所有与给定选择器匹配的元素
<input name="apple" /><input name="flower" checked="checked" />
查找所有未选中的 input 元素：$("input:not(:checked)") 结果:[ <input name="apple" /> ]
$("p").slice(0, 1);选取一个匹配的子集
.slice(start [,end] );第一个参数：开始选取子集的位置。第一个元素是0.如果是负数，则可以从集合的尾部开始选起。
第二个参数：结束选取自己的位置，如果不指定，则就是本身的结尾。
<p>Hello</p><p>cruel</p><p>World</p>
选择第一个p元素：$("p").slice(0, 1).wrapInner("<b></b>");//选择的是value值
选择前两个p元素：$("p").slice(0, 2).wrapInner("<b></b>");
只选取第二个p元素：$("p").slice(1, 2).wrapInner("<b></b>");
只选取第二第三个p元素$("p").slice(1).wrapInner("<b></b>");
选取第最后一个p元素：$("p").slice(-1).wrapInner("<b></b>");
$("p").wrapInner(htm|element|fnl)将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来，举例如上，将全部字符加粗；