發布時間: 2018-11-30 17:45:16
?jQuery 在選擇器和過濾器上,還提供了一些常用的方法,方便我們開發時靈活使用。
$('.red').is('li'); //true,選擇器,檢測 class 為是否為 red
$('.red').is($('li')); //true,jQuery 對象集合,同上
$('.red').is($('li').eq(2)); //true,jQuery 對象單個,同上
$('.red').is($('li').get(2)); //true,DOM 對象,同上
$('.red').is(function () { //true,方法,同上
return $(this).attr('title') == '列表 3'; //可以自定義各種判斷
}));
$('li').eq(2).hasClass('red'); //和 is 一樣,只不過只能傳遞 class
$('li').slice(0,2).css('color', 'red'); //前三個變成紅色
注意:這個參數有多種傳法和 JavaScript 的 slice 方法是一樣的比如:slice(2),從第三個開始到最后選定;slice(2,4),第三和第四被選定;slice(0,-2),從倒數第三個位置,向前選定所有;slice(2,-2),前兩個和末尾兩個未選定。
$("div").find("p").end().get(0); //返回 div 的原生 DOM
$('div').contents().size(); //返回子節點(包括文本)數量
$('li').filter('.red').css('background','#ccc'); //選擇 li 的 class 為 red 的元素
$('li').filter('.red, :first, :last').css('background','#ccc'); //增加了首尾選擇
//特殊要求函數返回
$('li').filter(function () {
return $(this).attr('class') == 'red' && $(this).attr('title') == '列表 3';
}).css('background', '#ccc');
上一篇: {Springboot}微服務介紹
下一篇: {Springboot}介紹