本文摘自PHP中文网,作者藏色散人,侵删。
jquery基本过滤器有:1、jQuery first方法,该方法返回被选元素的首个元素;2、jQuery last方法,该返回被选元素中带有指定索引号的元素;3、jQuery eq方法,该方法返回被选元素中带有指定索引号的元素等等。
推荐:《js视频教程》
jQuery基本过滤器
最近小编正在学习jQuery的知识,总结一下最近在项目中用到的知识。
jQuery first() 方法
first() 方法返回被选元素的首个元素。
下面的例子选取首个 <ul> 元素内部的第一个 <li> 元素:
1 2 3 | $(document).ready( function (){
$( "ul li" ).first();
});
|
jQuery last() 方法
last() 方法返回被选元素的最后一个元素。
下面的例子选择最后一个 <ul> 元素中的最后一个 <li> 元素:
1 2 3 | $(document).ready( function (){
$( "ul li" ).last();
});
|
jQuery eq() 方法
eq() 方法返回被选元素中带有指定索引号的元素。
索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素(索引号 1):
1 2 3 | $(document).ready( function (){
$( "p" ).eq(1);
});
|
jQuery filter() 方法
filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。
下面的例子返回带有类名 "intro" 的所有 <p> 元素:
1 2 3 | $(document).ready( function (){
$( "p" ).filter( ".intro" );
});
|
jQuery not() 方法
not() 方法返回不匹配标准的所有元素。
提示:not() 方法与 filter() 相反。
下面的例子返回不带有类名 "intro" 的所有 <p> 元素:
1 2 3 | $(document).ready( function (){
$( "p" ).not( ".intro" );
});
|
【实例】
当你的页面上动态生成的菜单(li标签)需要默认显示第一菜单功能时,这时候.first方法就非常好用。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | 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;
}
}
});
}
$( '.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基本过滤器有哪些的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
浅谈vue中引入jQuery的方法
jQuery如何获取鼠标位置
jQuery中prop什么意思
jQuery如何判断对象是否为空
jQuery使按钮不可用的方法是什么
jQuery如何设置不可点击
jQuery如何添加节点?
jQuery怎么改变css样式
jQuery怎么实现左右滑动的toggle
jQuery收费吗?
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jquery基本过滤器有哪些