处理多个选择结果
比如說選擇段落?$("p”),這樣就會把頁面的所有段落都選中。jQuery提供.each()方法來對選中的結(jié)果進(jìn)行循環(huán)處理,而且在每次執(zhí)行函數(shù)時,都會給函數(shù)傳遞匹配元素在選中結(jié)果里所處位置的數(shù)字值作為參數(shù)(從零開始的整形變量)。返回?'false'?將停止循環(huán) (就像在普通的循環(huán)中使用?'break')。返回'true'?跳至下一個循環(huán)(就像在普通的循環(huán)中使用'continue')。
例子一:
<ul> <li>第一列</li> <li>第二列</li> <li>第三列</li> </ul> <button>選中所有列</button> //使用下面的jQuery代碼,點擊按鈕后,所有列將被選擇,并且在每列后加上index$('button').click(function(){ $('li').each(function(index){ var str = "<b>"+index+"</b>"; $("li:eq("+index+")").append(str); }); }); //注意:index是從零開始的整形變量。例子二:
<ul> <li>第一列</li> <li>第二列</li> <li class="mark">第三列</li> <li class="mark">第四列</li> </ul> <button>選擇列</button> //使用下面的jQuery代碼,點擊按鈕后,class為“mark”的列將被選擇$('button').click(function(){ $('li').each(function(index){ if ($(this).is(".mark")){ this.style.color = 'blue'; } }); }); //如果我們只想選第一個class為"mark"的列,可以使用return false,停止循環(huán) $('button').click(function(){ $('li').each(function(index){ if ($(this).is(".mark")){ this.style.color = 'blue'; return false; //注意這個return } }); });注意:在上述例子里,我用到了$(this)和this, 前者是jQuery對象,后者是DOM對象。jQuery對象具有is方法,但不具有style方法,同理,DOM對象具有style方法,但不具有is方法。
轉(zhuǎn)載于:https://www.cnblogs.com/Look_Sun/archive/2010/02/11/1667506.html
總結(jié)
- 上一篇: 蚁族之痛:过年如过关
- 下一篇: C# 图片加水印例程