摩米校尉摩米校尉04-16 09:22

【jQuery】---基本过滤器

【前言】

最近小编正在学习jQuery的知识,总结一下最近在项目中用到的知识。

【正文】

jQuery first() 方法

first() 方法返回被选元素的首个元素。

下面的例子选取首个 <ul> 元素内部的第一个 <li> 元素:

$(document).ready(function(){
  $("ul li").first();
}); 

jQuery last() 方法

last() 方法返回被选元素的最后一个元素。

下面的例子选择最后一个 <ul> 元素中的最后一个 <li> 元素:

$(document).ready(function(){
  $("ul li").last();
});

jQuery eq() 方法

eq() 方法返回被选元素中带有指定索引号的元素。

索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素(索引号 1):

$(document).ready(function(){
  $("p").eq(1);
});

jQuery filter() 方法

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

下面的例子返回带有类名 "intro" 的所有 <p> 元素:

$(document).ready(function(){
  $("p").filter(".intro");
});

jQuery not() 方法

not() 方法返回不匹配标准的所有元素。

提示:not() 方法与 filter() 相反。

下面的例子返回不带有类名 "intro" 的所有 <p> 元素:

$(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;
					}
				}
	}
}

官场书屋二维码

000
评论