jquery基本过滤器有:1、jQuery first方法,该方法返回被选元素的首个元素;2、jQuery last方法,该返回被选元素中带有指定索引号的元素;3、jQuery eq方法,该方法返回被选元素中带有指定索引号的元素等等。
推荐:《js视频教程》
jQuery基本过滤器
最近小编正在学习jQuery的知识,总结一下最近在项目中用到的知识。
jQuery first() 方法
first() 方法返回被选元素的首个元素。
下面的例子选取首个
$(document).ready(function(){ $("ul li").first(); });
jQuery last() 方法
last() 方法返回被选元素的最后一个元素。
下面的例子选择最后一个
$(document).ready(function(){ $("ul li").last(); });
jQuery eq() 方法
eq() 方法返回被选元素中带有指定索引号的元素。
索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个
元素(索引号 1):
$(document).ready(function(){ $("p").eq(1); });
jQuery filter() 方法
filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。
下面的例子返回带有类名 "intro" 的所有
元素:
$(document).ready(function(){ $("p").filter(".intro"); });
jQuery not() 方法
not() 方法返回不匹配标准的所有元素。
提示:not() 方法与 filter() 相反。
下面的例子返回不带有类名 "intro" 的所有
元素:
$(document).ready(function(){ $("p").not(".intro"); });
【实例】
当你的页面上动态生成的菜单(li标签)需要默认显示第一菜单功能时,这时候.first方法就非常好用。
function createDiv(obj){ var pathName = window.localtion.pathname; var curfilepath = (pathName).substring(pathName.substring(1).indexOf('/')+1); //把数据转换成树形结构 var _data = transform2NormalData(obj); if(_data.length>0){ var fnav=$('<ul />').appendTo($('.logonav')); for(var i=0;i<_data.length;i++){ var fdata=_data[i]; var fil = $('<li>'+fdata.NAME+'</ul>').appendTo(fnav); fil.data("attr",fdata); fil.on("click",function(){ $(this).addClass('ztNav_cl').sublings().removeClass("ztNav_cl"); var data = $(this).data('attr'); var ext = parseExtext(data.EXTENSTIONS); if(ext!="" && ext!=null){ var func=eval(ext.func); if(typeof(func) == 'function'){ func?func(data):false; } } }); } //默认显示第一个li标签中的内容 $('.logonav ul li:first').addClass('ztNav_cl').sublings().removeClass("ztNav_cl"); var data = $(this).data('attr'); var ext = parseExtext(data.EXTENSTIONS); if(ext!="" && ext!=null){ var func=eval(ext.func); if(typeof(func) == 'function'){ func?func(data):false; } } } }
以上是jquery基本过滤器有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!