jquery操作的上下文環境

2021-10-05 04:29:17 字數 989 閱讀 7952

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

上下文 上下文棧

全域性 函式 區域性 在執行全域性 前將window確定為全域性執行上下文 對全域性資料進行預處理 var定義的全域性變數 undefined,新增為window的屬性 function宣告的全域性函式 賦值 fun 新增為window的方法 this 賦值 window 開始執行全域性 在呼叫函式...

PERL的上下文環境

上下文指的是表示式所在的位置,在perl解析表示式的時候,要麼希望是乙個標量,要麼希望得到乙個列表,在這裡,表示式所在的位置不同,表示式的意義就會有所不同 舉例說明 people qw fred barney hehe number 42 people print number 這裡,再進行 num...

中斷上下文 程序上下文

在學習與作業系統相關的知識時候,我們經常遇到程序上下文 中斷上下文,看似熟悉又感覺不是特別清晰。這裡我們從如下幾個方面進行描述。上下文是從英文中context翻譯過來的,指的是一種環境。上下文我們看起來不怎麼熟悉,但是我們可以看context的中文翻譯,或者我們能更加的情形些。context n 語...