一直困解的jQuery中的each
以前老是搞不清,$("#").each(
function(i){alert(i);}
)
<!--Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->有什麼用, 今天特意查了一下相關文件,文件上是這樣解釋的;
each :以每一個匹配的元素作為上下文來執行一個函式。
意味著,每次執行傳遞進來的函式時,函式中的this關鍵字都指向一個不同的DOM元素(每次都是一個不同的匹配元素)。
而且,在每次執行函式時,都會給函式傳遞一個表示作為執行環境的元素在匹配的元素集合中所處位置的數字值作為引數(從零開始的整型)。
返回 'false' 將停止迴圈 (就像在普通的迴圈中使用 'break')。 轉載請註明 http://netsos.cnblogs.com/
返回 'true' 跳至下一個迴圈(就像在普通的迴圈中使用'continue')。
這麼多!
我是這樣理解的
1.$("div").each(function(i){alert(i);alert(this);
//function end}
//each end )
這裡面的i:代表的是整個dom中div的序號,相當於陣列, 轉載請註明 http://netsos.cnblogs.com/
迴圈遍歷文件中的div.this:代表 迴圈到當前的div元素還有這樣的,裡面的引數更多
2. $("div",data).each(function(i){
alert(i);
alert(this) ;})
現在這個data是什麼?
data,我理解是這樣的div屬於 data,data相當與div的父類
如: $("div","body").each(function(i){
alert(i);
alert(this) ;})
這句話就是 找出body中的 div; 轉載請註明 http://netsos.cnblogs.com/
3. $("div","body").each(function(i,domEle){
alert(i);
alert(this) ;})
i後面有了一個引數 ,domEle,其實這個引數,使自己隨便起的,命名的,也可以寫成aa,bb,.......
他的作用就相當於domEle===this
寫他就可以替換this,省略他 function(i),裡面就可以寫this了!
轉載請註明 http://netsos.cnblogs.com/
each :以每一個匹配的元素作為上下文來執行一個函式。
意味著,每次執行傳遞進來的函式時,函式中的this關鍵字都指向一個不同的DOM元素(每次都是一個不同的匹配元素)。
而且,在每次執行函式時,都會給函式傳遞一個表示作為執行環境的元素在匹配的元素集合中所處位置的數字值作為引數(從零開始的整型)。
返回 'false' 將停止迴圈 (就像在普通的迴圈中使用 'break')。 轉載請註明 http://netsos.cnblogs.com/
返回 'true' 跳至下一個迴圈(就像在普通的迴圈中使用'continue')。
這麼多!
我是這樣理解的
1.$("div").each(function(i){alert(i);alert(this);
//function end}
//each end )
這裡面的i:代表的是整個dom中div的序號,相當於陣列, 轉載請註明 http://netsos.cnblogs.com/
迴圈遍歷文件中的div.this:代表 迴圈到當前的div元素還有這樣的,裡面的引數更多
2. $("div",data).each(function(i){
alert(i);
alert(this) ;})
現在這個data是什麼?
data,我理解是這樣的div屬於 data,data相當與div的父類
如: $("div","body").each(function(i){
alert(i);
alert(this) ;})
這句話就是 找出body中的 div; 轉載請註明 http://netsos.cnblogs.com/
3. $("div","body").each(function(i,domEle){
alert(i);
alert(this) ;})
i後面有了一個引數 ,domEle,其實這個引數,使自己隨便起的,命名的,也可以寫成aa,bb,.......
他的作用就相當於domEle===this
寫他就可以替換this,省略他 function(i),裡面就可以寫this了!
轉載請註明 http://netsos.cnblogs.com/
最後再 強調一下
返回 'false' 將停止迴圈 (就像在普通的迴圈中使用 'break')。
返回 'true' 跳至下一個迴圈(就像在普通的迴圈中使用'continue')。來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/12639172/viewspace-664806/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- jquery中each的三種遍歷方法jQuery
- jQuery的each函式jQuery函式
- jQuery each()jQuery
- jquery 裡的each使用方法詳解薦jQuery
- Jquery的$(selector).each()和$.each()原理和區別jQuery
- jQuery遍歷函式,javascript中的each遍歷jQuery函式JavaScript
- jQuery $.each用法jQuery
- jQuery.each()jQuery
- jQuery.each()的5個案例jQuery
- jQuery - 函式 $().each() 的迴圈控制jQuery函式
- jQuery map和each用法jQuery
- jQuery中$.each()常見使用方法有哪些jQuery
- js動態往div裡新增按鈕的兩種方式以及jQuery中$.each的用法詳解JSjQuery
- $.each(index,el)方法使用(jQuery)IndexjQuery
- jquery的$.each()函式和$.map()函式的區別jQuery函式
- 如何跳出jquery的each()函式迴圈語句jQuery函式
- Terraform中的for_each和countORM
- jQuery的each終止或跳過示例程式碼jQuery
- jQuery each() 實現break和continuejQuery
- jQuery中使用$.each()遍歷陣列時要注意的地方jQuery陣列
- JavaScript專題之jQuery通用遍歷方法each的實現JavaScriptjQuery
- $(selector).each()與$.each()方法的區別
- 部署機器學習非常困難,並將一直如此...機器學習
- jquery的each()函式遍歷陣列和物件程式碼例項jQuery函式陣列物件
- jQuery原始碼閱讀(十一)---each、map、grep、merge、makeArray、inArray解讀jQuery原始碼
- jQuery中的Deferred詳解和使用jQuery
- jquery如何用each遍歷實現一個排異切換的效果?jQuery
- 如何跳出當前jquery.each()函式迴圈jQuery函式
- 請教一個一直以來困擾我的關於DAO模式的問題!!!模式
- jQuery的事件機制,事件物件介紹,外掛機制,多庫共存,each()jQuery事件物件
- jQuery中的Deferred-詳解和使用jQuery
- 深入瞭解jquery中的ajax方法引數jQuery
- jquery 中的trigge函式詳解jQuery函式
- Wicket中JQuery事件繫結失效的解決jQuery事件
- Java中的增強for迴圈(for each)的實現原理與坑Java
- jQuery中的事件jQuery事件
- 幽默:程式設計中困難的不是解決問題,而是確定要解決的問題 - Paul程式設計
- (jQuery) jQuery中的事件與動畫(上)jQuery事件動畫