jQuery 筛选器简单操作示例
更新时间:2019年10月02日 12:04:43 作者:kevin.Xiang
这篇文章主要介绍了jQuery 筛选器简单操作,结合实例形式详细分析了jQuery筛选器针对元素、字符串、属性等操作常见技巧与操作注意实行,需要的朋友可以参考下
本文实例讲述了jQuery 筛选器简单操作。分享给大家供大家参考,具体如下:
jQuery 筛选器1
筛选器1: 在选择器选择的基础上在选择一次
// 当前点击的标签$(this) $(this) // .next() 获取当标签的下一个标签 $(this).next(); // .nextAll() 获取当标签的下面所有标签 $(this).nextAll(); // .nextUntil() 获取当标签的下面与指定标签之间所有标签 $(this).nextUntil('#id'); // .prev() 获取当标签的上一个标签 $(this).prev() ; // .prevAll() 获取当标签的上面所有标签 $(this).prevAll(); // .prevUntil() 获取当标签的上面与指定标签之间所有标签 $(this).prevUntil('#id'); // .parent() 获取当标签的父标签 $(this).parent() ; // .parents() 获取当标签的所有迭代父标签,直到找到它祖宗 $(this).parents() ; // .parents() 获取当标签的所有迭代父标签直到指定的父标签为止 $(this).parentsUntil('#id') ; // .children() 获取当标签的所有子标签 $(this).children() ; // .siblings() 获取当标签的所有兄弟标签 $(this).siblings(); // .find 查找每个兄弟或子孙标签内的所有标签 $(this).siblings().find(')
jQuery 筛选器2
// 由于$()只能输入字符串$('#li:eq(1)'),可通过.eq()来传入。 // 获取this标签中的指定属性 $(this).eq(1) // 获取第一个元素 $(this).first() // 获取最后一个元素 $(this).last() // 检查当前元素是否含有某个特定类,有返回true,没有false。 $(this).hasClass(class)
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
Tab页界面 用jQuery及Ajax技术实现(php后台)
到了B/S开发时代,网页前端布局也把Tab页的布局形式吸收了过来。特别是和Ajax技术结合起来,可以更充分发挥Tab页的良好表现力和数据缓存的优势,是一种良好的网页布局形式2011-10-10通过jquery toggleClass()属性制作文章段落更改背景颜色
jQuery制作文章段落更改背景颜色属性jquery toggleClass()属性。文中给大家附实例代码和源码,感兴趣的朋友参考下吧2018-05-05
最新评论