本文实例为大家分享了jQuery子元素过滤选择器的具体代码，供大家参考，具体内容如下 <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Untitled Document</title><link rel="stylesheet" type="text/css" href="css/style.css" rel="external nofollow" ><style type="text/css">div, span, p {width: 140px;height: 140px;margin: 5px;background: #aaa;border: #000 1px solid;float: le...
本文实例为大家分享了经典的jQuery过滤选择器应用，供大家参考，具体内容如下 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>过滤选择器</title><style type="text/css">#txt_show {display:none; color:#00C;}#txt_hide {display:block; color:#F30;}</style><script src="js/jquery-1.8.3.js"></script><script language="JavaScript">$(document).ready(function () {$("[name=show]").click(function ...
子元素过滤器的过滤规则是通过父元素和子元素的关系来获取相应的元素。$(li:first-child).css(background, #ccc); //每个父元素第一个li 元素 $(li:last-child).css(background, #ccc); //每个父元素最后一个li 元素 $(li:only-child).css(background, #ccc); //每个父元素只有一个li 元素 $(li:nth-child(odd)).css(background, #ccc); //每个父元素奇数li 元素 $(li:nth-child(even)).css(background, #ccc); //每个父元素偶数li...
本文实例讲述了jquery表单对象属性过滤选择器用法。分享给大家供大家参考。具体分析如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>表单对象属性过滤选择器</title> <script src="jquery-1.6.2.min.js"...
过滤选择器 过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM元素,该选择器都以“:”开头 按照不同的过滤规则,过滤选择器可以分为基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象属性过滤选择器. 基本过滤选择器基本过滤选择器示例 改变第一个 div元素的背景色为 # bbffaa 改变最后一个 div元素的背景色为 # bbffaa 改变class不为 one的所有 div元素的背景色为 # bbffaa 改变索引值为偶数的 div元素的背景色为 ...
jQuery(':not(selector)') 在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的selector可以任意复杂,比如:not(div a) and :not(div,a) 代码如下:<p >"a">sdfsdfs</p> <p >"b">sdfsdfs</p> <p >"c">sdfsdfs</p> $("p:not(.a)").css({"color":"red"}) 那么除了class等于a的p元素外,其他的P的文字颜色就变成了红色. :not()伪类过滤选择器,这叫法真拗口,jQuery的:not()方法是jQuery的伪类选择器...
先写出DOM元素的HTML结构： 代码如下:<style type="text/css"> /*高亮显示*/ .highlight{ background-color: gray }</style> 代码如下:<div>John Resign</div><div>George Martin</div><div>Malcom John Sinclair</div><div>J.Ohn</div><div></div><p></p><div><p>Has p</p></div>一、:contains(text)选取含有文本内容为“text”的元素 代码如下:$("div:contains('John')").addClass("highlight"); //查找所...
代码如下:$("ancestor descendant")：选取parent元素后所有的child元素$("parent > child")：选取parent元素后所有的直属child元素，何谓“直属”，也就是第一级的意思了$("prev + next")：prev和next是两个同级别的元素. 选中在prev元素后面的next元素$("prev ~ siblings"):选择prev后面的根据siblings过滤的元素。注:siblings是过滤器后两个用的比较少，一般会有其他选择器替代 代码如下:$("prev + next")等价于next()$("prev ~ ...
代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- 内容过滤选择器：根据元素中的文字内容或所包含的子元素特征获取元素，其文字内容可以模糊或绝对匹配进行元素定位 jQuery选择器详解 根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过...
本次的这篇文章主要是和大家分享了jquery之基本过滤选择器，有需要的小伙伴可以看一下首先，我们看看基本过滤选择器： 一、选中单行或双行能不能选中指定的某一个呢？ 二、筛选大于，小于的 三、注意选择的顺序呦:not(选择器) 选取不满足“选择器”条件的元素，$("input:not(.myClass)")选取样式名不是myClass的<input>插入代码位置：View Code 四、header有了这些知识以后，下面我们做几个练习。题目：第一...
版权声明 本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl基本过滤选择器概述 很多时候，我们需要将匹配到的元素再进行过滤；故，会用到过滤选择器。首先，我们来学习基本过滤选择器。 首元素选择器 :first获得选择的元素中的第一个元素 尾元素选择器 :last获得选择的元素中的最后一个元素 非元素选择器 :not(selector)获取不包括指定内容的元素 偶数选择器:even获取索引值为偶数的元素，索引从 0 开始计数 奇...