按顺序选择

依次选择过滤器(filter)有着
:first
第一元件
:last
最后一个元素
:even
序号为偶数的元素
:odd
序号为奇数的元素
:eq(n)
序号等于n的元素
:lt(n)
序号小于n的元素
:gt(n)
序号大于n的元素
假设有例如以下的表格
0 even
1 odd
2 even
3 odd
4 even
html代码例如以下
<table>

 <tr><td>0</td><td>even</td></tr>

 <tr><td>1</td><td>odd</td></tr>

 <tr><td>2</td><td>even</td></tr>

 <tr><td>3</td><td>odd</td></tr>

 <tr><td>4</td><td>even</td></tr>

</table>
假设须要改动全部序号为偶数的tr的式样。用jQuery则能够很easy的实现
$("tr:even").addClass('even')
even是在css中定义的式样
table tr.even {
background: #CCC;
}
加入even式样后,表格例如以下所看到的

0 even
1 odd
2 even
3 odd
4 even
jQuery也提供了filter函数
$('ul li').filter(':first');

选取正在运行动画的元素

过滤器是:animated
使用方法例如以下
$('div:animated'); // #1
$('div:not(div:animated').animate({height:100}); // #2
也能够使用动画过滤器来推断元素是否正在运行动画
var myElem = $('#elem');
if (myElem.is(':animated')) {
// do something
}

依据包括的内容来选择元素

过滤器:has(), contains()
使用方法例如以下
假设要选取包括特定文字的元素。能够使用contains
HTML

<span>Hello Bob!</span>

JS

$('span:contains("Bob")); # contains參数区分大写和小写,能够不需冒号
通过has来使用selector
$('div:has(p a)');

逆向选择

过滤器 not
not的參数也是一个selector
$('div:not(#content))
当然也能够使用复杂的selector
$('a:not(div.important a, a.nav)');
jQuery也提供了not方法
var anchors = $('a');
anchors.click(function() {
anchors.not(this).addClass('not-clicked');
});

通过是否可见来选择元素

选择器 hidden, visible
使用方法例如以下所看到的
if ($('#elem').is(':hidden')) {
// Do something conditionally
}
$('p:visible').hide();

基于属性来选择元素

过滤器
[attr]
是否具有此属性
[attr=val]
attr属性是否等于val
[attr!=val]
attr属性不等于val
[attr^=val]
attr属性以val开头
[attr$=val]
attr属性以val结尾
[attr~=val]
attr属性包括val
[attr]
是否具有此属性
使用方法
$('a[href="http://google.com"]');
连续使用多个属性过滤器
$('*[title][href]')

依据元素类型来选择

过滤器
jQuery selector syntax Selects what?

:text <input type="text" />
:password <input type="password" />
:radio <input type="radio" />
:checkbox <input type="checkbox" />
:submit <input type="submit" />
:image <input type="image" />
:reset <input type="reset" />
:button <input type="button" />
:file <input type="file" />
:hidden <input type="hidden" />

版权声明:本文博主原创文章,博客,未经同意不得转载。

jQuery -&gt; 获取各种滤芯(filter)的更多相关文章

  1. JQuery元素获取

    前言:这是本类别博文JQuery即用即查开篇. 因为查手册太麻烦,而且有时候需要深入命令所在详细页面才能了解此命令的具体作用是什么. 写这几篇文章就是为了,工作遇到问题时,一看这几篇文章就可以查到哪个 ...

  2. [jQuery]无法获取隐藏元素(display:none)宽度(width)和高度(height)的新解决方案

    在做茶城网改版工作的时候,又遇到一个新问题,我需要用jQuery写一个通过点击左右图标来翻阅图片的小插件,写好后测试可以正常运行,但是放到Tab中后发现只有第一个Tab中的代码能够正常运行,其它全部罢 ...

  3. jquery Jquery 遍历 获取设置 效果

    speed: slow fast 毫秒 隐藏 显示 $(selector).hide(speed,callback) 隐藏. $(selector).show(speed,callback) 显示 $ ...

  4. 转:Jquery如何获取某个元素前(后)的文本内容?

    原文:[解决]Jquery如何获取某个元素前(后)的文本内容? <span> text here... <a id="target_element">百万创 ...

  5. jQuery无法获取隐藏元素(display:none)宽度(width)和高度(height)的新解决方案

    用jQuery写一个通过点击左右图标来翻阅图片的小插件,写好后测试可以正常运行,但是放到Tab中后发现只有第一个Tab中的代码能够正常运行,其它全部罢工了. 用Chrome自带的开发工具一查,发现罢工 ...

  6. js和jquery如何获取图片真实的宽度和高度

    按照插入的图片的尺寸来判断图片是横图还是竖图.然后判断过后给予不同的展示方式,下面为大家介绍下js和jquery如何获取图片真实的宽度和高度   1.什么时候需要获取图片真实的宽度和高度 在做pc网页 ...

  7. 获取元素的xpath, 转换xpath为csspath进行jQuery元素获取

    获取元素的xpath, 转换xpath为csspath进行jQuery元素获取 博客分类: 编程心得 jQueryCSSHTML  var $shadow = new Object(); /** 获取 ...

  8. 如何解决谷歌浏览器下jquery无法获取图片的尺寸

    代码如下: $(document).ready(function(){ var img_h=$img.height(); var img_w=$img.width(); }) 以上代码在IE和火狐中没 ...

  9. Jquery 方式获取 iframe Dom元素

    Jquery 方式获取 iframe Dom元素 測试页面代码: <html>  <head>   <title>jquery方式,訪问iframe页面dom元素& ...

随机推荐

  1. Java 实现二分(折半)插入排序

    设有一个序列a[0],a[1]...a[n];当中a[i-1]前是已经有序的,当插入时a[i]时,利用二分法搜索a[i]插入的位置 效率:O(N^2),对于初始基本有序的序列,效率上不如直接插入排序: ...

  2. HTML——UL+CSS设计

    截图例如,下面的: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/ ...

  3. jQuery Fancybox插件说明

    这里有jquery影像回放路径插件称为Fancybox,项目主页地址:http://fancybox.net/ Fancybox的特点例如以下: 1.能够支持图片.html文本.flash动画.ifr ...

  4. PHP Html 弹窗,本页面弹窗子页面

    echo '<script type=text/javascript>window.open("","name1","width=100, ...

  5. android中listview分页载入数据

    前段时间做的新浪微博项目一直想实现listview分页载入数据,今天最终实现了,哈哈!感觉挺好的,今天又写了个demo给大家分享下. 首先说下listview的优化方案,这也是面试中常考的题目.优化方 ...

  6. HttpURLConnection请求数据流的写入(write)和读取(read)

    URLConnection类给应用 程序 和web资源之间架设起了通信的桥梁,这些web资源通常是通过url来标记的,本文将讲述如何使用HttpURLConnection来访问web页面(发送数据流) ...

  7. UDE-00008 ORA-31626 ORA-06512 ORA-25254

    今天在导出一个模式的时候,约140GB,出现例如以下错误: UDE-00008: operation generated ORACLE error 31626 ORA-31626: job does ...

  8. 使用.netFx4.0提供的方法解决32位程序访问64位系统的64位注册表

    原文:使用.netFx4.0提供的方法解决32位程序访问64位系统的64位注册表 我们知道目标平台是32位的程序运行在64位的系统上,去访问部分注册表的时候系统自动重定向到win32node节点对应的 ...

  9. Access之C#连接Access

    原文:Access之C#连接Access 如果是个人用的小程序的话.一般都推荐用Sqlite和Access 使用SQlite数据库需要安装SQLite驱动,详情:SQLite之C#连接SQLite 同 ...

  10. Windows Phone开发(11):常用控件(下)

    原文:Windows Phone开发(11):常用控件(下) WP控件大部分都可以从Silverlight中继承过来,这里我也只能拿一部分作演示,对于其它控件如何使用,可以参考SDK相关说明以及Sil ...