jquery选择器众多，使用选取某个DOM的方法有很多种，如何在选取的某个元素集上面做一些排除呢？下面通过几个实例说明： 1.选择所有的img元素，排除class=phpernote的元素的个数： 代码如下:$(img:not(.phpernote)).length();//或者$(img).not(.phpernote).length();2.获取id=phpernote下面所有没有class=com的li元素的个数 代码如下:$(#phpernote li:not(.com)).size();//或者$(#phpernote li).not(.com).length();3.设置id=phpern...
本文现在对所有已知的 jquery 选择器做一个总结，深刻而熟练的掌握这些选择器，对我们快速的写各种 jquery 效果大有帮助！下面就对 jquery 各种选择做一个罗列吧！由于 jquery 用法非常简单，这里就不再举各种例子加深理解了。选择器 实例 选取* $("#item *") 选择 id 属性为 item 下的所有元素#id $("#lastname") id="lastname" 的元素.class $(".intro") 所有 class="intro" 的元素element $("p") 所有 <p> 元素.class.class $("...
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的伪类选择器...
今天照着jQuery手册学习，了解了选择器的使用，准备试试写个用户注册验证，没想到还没开始一个很小的问题把我难住了！ 新人难免遇到很小的细节问题，在此文仅供自勉： 测试部分代码如下： 代码如下:<script type="text/javascript" src="jquery.1.11.0.min.js"></script> <script type="text/javascript"> function checkUser(){ //检查用户名的函数 alert("OK"); //测试。。。 } $(document).ready(function(){ $(":text :first"...
1.选择器 (1)通配符： 代码如下:$("input[id^=code]");//id属性以code开始的所有input标签 $("input[id$=code]");//id属性以code结束的所有input标签 $("input[id*=code]");//id属性包含code的所有input标签 (2)根据索引选择 代码如下:$("tbody tr:even"); //选择索引为偶数的所有tr标签 $("tbody tr:odd"); //选择索引为奇数的所有tr标签 (3)获得jqueryObj下一级节点的input个数 代码如下:jqueryObj.children("input").lengt...
每次申明一个jQuery对象的时候，返回的是jQuery.prototype.init对象，很多人就会不明白，init明明是jQuery.fn的方法啊，实际上这里不是方法，而是init的构造函数，因为js的prototype对象可以实现继承，加上js的对象只是引用不会是拷贝，new jQuery,new jQuery.fn和new jQuery.fn.init的子对象是一样的，只是有没有执行到init的不同。 当我们使用选择器的时候$(selector,content)，就会执行init(selectot,content)，我们看看inti中是...
选择器并没有一个固定的定义，在某种程度上说，jQuery的选择器和样式表中的选择器十分相似。选择器具有如下特点：1．简化代码的编写2．隐式迭代3．无须判断对象是否存在其中“$”是选择器不可缺少的部分，在jQuery库中，$就是jQuery的一个简写形式，比如$("#foo")和jQuery("#foo")是等价的，$.ajax和jQuery.ajax是等价的。如果没有特别说明，可以把程序中的$符号都理解为jQuery的简写形式。现在我们正式进入jQuery选择器的学习。根...
代码如下:$("#anaylseBody tr").find("td:eq(" + $("#analyse th:contains(" + $(this).val() + ")").index() + ")").hide(); ("#anaylseBody tr") find作为根基 代码如下:$("#anaylseBody tr td") 以最后的td作为根基 范围不一样
先写出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 ~ ...
jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 jQuery选择器使得获得页面元素变得更加容易、更加灵活，从而大大减轻了开发人员的压力。如同盖楼一样，没有砖瓦，就盖不起楼房。得不到元素谈何其他各种操作呢？可见,jQuery选择器的重要性。当然想一下子掌握所有选择器也是很困难的，这个得靠实践和积累。 现在我们正式进入jQuery选择器的学习。我们将jQuery选择器进行分类学习，将jQuery选择器分为以下几种...
开始写之前先复习一下元素和节点的区别： 元素是W3C文档对象模型（DOM）当中使用最广泛的节点之一。 元素拥有关联的“属性”。 XmlElement类拥有许多方法来访问它的“属性”（GetAttribute, SetAttribute, RemoveAttribute, GetAttributeNode, 等等）。 你也可以使用“Attributes”属性来返回一个支持“名字”或者“序号”访问的“XML属性集”。 那么，从XmlElement类的解释来看，我们很容易就知道XmlNode和XmlElement类的区别了：...
代码如下:$(function(){ /* //$("html body div table.table_list tbody tr").not(":has(td a img[src*=tj.gif])").mouseover(function(){ $("html body div table.table_list tbody tr:not(:has(td a img[src*=tj.gif]))").mouseover(function(){ //alert($(this)[0].style.backgroundColor); $(this).css("backgroundColor","66CCFF");// "red" "#f8fbfd" $(this).mouseout(function(){ $(this).css("backgroundColor","");//$(t...
根据多个属性选择E[attr=val][attr=val] $("div[title='ttt'][class='aaaa']").click()................ 所有div元素下所有属性title值是等于ttt并且属性class等于aaaa的元素
一个针对jQuery属性选择器的小例子,增加对jQUery属性选择器的理解: 代码如下:<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <style type="text/css"> a{ margin-right:20px; } ol{ position:relative; width:600px; margin-left:400px; } dt{ margin:10px; height:100px; background-color:#EAEAEA; border:3px dotted orange; } .showMessag...