jquery操作的上下文环境

        jquery上下文环境是什么东西？平常我们使用jquery的时候，好像没怎么关注过这个名词，但是不管你关注与否，它确实是存在的，为什么要说这个jquery的上下文环境呢？

        1.使用jquery上下文环境结合合适的jquery选择器，能够大大的提高选择的效率；

        2.jquery的上下文环境在操作iframe里面的内容时显得尤为便捷。

        还是老样子，我们用最简单的例子来对它一探究竟。

        供操作的html页面：

        那么现在我想用jquery把“按钮”这两个字的颜色改变一下，怎么做呢？

$("#btn").css("color","red");//我们平常的写法

        上面这种写法是我们最常用的写法，它其实是省略了jquery的上下文，默认的jquery上下文环境是document.因此上面这句js代码和下面这句的含义是完全一样的：

$("#btn",document).css("color","red");

他们都能实现把“按钮”这两个字的颜色变为红色。

格式：$(选择器[,context]):默认context是document，context可以是jquery对象或者是js原生的对象

来吧，现在为jquery指定不同的上下文环境看一下：

console.log( "默认doucment："+$("#btn",document).length);//默认jquery就是从document里面寻找#btn,结果：1
console.log( "由jquery对象充当上下文："+$("#btn",$("#cont")).length);//上下文#cont中含有#btn，结果：1
console.log( "有原生的js对象充当上下文："+$("#btn",document.getElementById("cont")).length);//1
console.log("由jquery对象充当上下文："+ $("#btn",$("section")).length);//0