jQuery(':not(selector)') 在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的selector可以任意复杂,比如:not(div a) and :not(div,a) 代码如下: "a">sdfsdfs "b">sdfsdfs "c">sdfsdfs $("p:not(.a)").css({"color":"red"}) 那么除了class等于a的p元素外,其他的P的文字颜色就变成了红色. :not()伪类过滤选择器,这叫法真拗口,jQuery的:not()方法是jQuery的伪类选择器,可以过滤不需要的元素,筛...
本文现在对所有已知的 jquery 选择器做一个总结，深刻而熟练的掌握这些选择器，对我们快速的写各种 jquery 效果大有帮助！下面就对 jquery 各种选择做一个罗列吧！由于 jquery 用法非常简单，这里就不再举各种例子加深理解了。选择器 实例 选取* $("#item *") 选择 id 属性为 item 下的所有元素#id $("#lastname") id="lastname" 的元素.class $(".intro") 所有 class="intro" 的元素element $("p") 所有 元素.class.class $(".in...
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...
一、获取父级元素 1、 parent([expr]): 获取指定元素的所有父级元素 代码如下: href_fir href_sec href_thr href_fiv $(document).ready(function(){ $("a").parent().addClass(a_par); }); firebug查看jquery parent效果 二、获取同级元素： 1、next([expr])： 获取指定元素的下一个同级元素（注意是下一个同级元素哦） 代码如下: list item 1 list item 2 list item 3 list item 4 list item 5 $('li.third-item')...
一般就是改自己的函数名： 比较省事也简单，直接批量替换就可以了。 先上代码：代码如下:var $= function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; 这段代码是模仿jquery自定义id选择器的方法，但是因为jquery选择器也是用的这个“$”,如果你引用jquery并且使用这个方法，那么页面就会报错，解决大办法就是修改自己的方法把"$"改成"getId(id)";代码如下:ar getId = function (id) { return "...
:parent选择器的定义和用法: 此选择器匹配含有子元素或者文本的元素。 注意:空格也算是含有的元素。 语法结构: $(":parent") 此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如: $("div:parent").animate({width:"300px"}) 以上代码能够将含有文本或者元素的div的宽度设置为300px。 如果不和其他选择器配合使用，则默认状态是和*选择器配合使用，例如$(":parent")等同于$("*:parent")。 实例代码: 实例一...
$(function() { //alert($("div").text()); //对数组元素使用匿名函数进行逐个处理。 $("div").each(function(key, value) { //alert(key+value); // alert($(value).text()); alert(this.innerHTML); }); //this表示当前遍历的dom元素 $("div").each(function() { alert($(this).text()); }); }); 11111 2222 33333 常用选择器： 1.类：$(".error"). 2.id：$("#daLong"). 3.标签：$("div"). 4.属性：$("div[name=ap...
在Dom 编程中我们只能使用有限的函数根据id 或者TagName 获取Dom 对象. 然而在jQuery 中则完全不同,jQuery 提供了异常强大的选择器用来帮助我们获取页面上的对象, 并且将对象以jQuery 包装集的形式返回。本文主要对常用的jQuery 选择器进行一个介绍及归类。 jQuery 选择器大体上可分为 4 类：基本选择器、层次选择器、过滤选择器、表单选择器。 其中过滤选择器可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过...
例子一：用户名状态张三正常李四冻结王二麻子冻结$(document).ready(function(){var uid = 1001;$("td[data-uid = "+ uid +"]").html('正常'); }例子二：例子三、jQuery中选择器参数使用变量应该注意的问题 这是原来的代码var li_index = $(this).index();var $content_index = li_index + 2;var $content_progress = $(“div.content:eq(” + $content_index + “)”);var $newavalue = $(this).find(“a”).attr(“name”);var $...
利用Jquery选择器，计算table中的某一列，某一行的合计，非常方便。下面以计算行合计为例： 核心算法：$('#tableId tr').each(function() { $(this).find('td:eq(columnIndex)').each(function() { totalAmount += parseFloat($(this).text()); }) });下面是案例代码Jquery计算table行合计 $(document).ready(function() { var totalRow = 0 $('#mytable tr').each(function() { $(this).find('td:eq(2)').each(function(){ t...
一. 复合选择器对checkbox的相关操作例.需要把类型为checkbox，同时"可用"的元素设置成"已选择" 方法①使用属性过滤选择器 [type=checkbox] 和 [disabled!=disabled]$("input[type='checkbox'][disabled!=disabled]").attr("checked",true);注意在这个复合选择器中，"可用"元素的选择应使用 disabled!=disabled，而设置属性时应使用 attr("checked",true)。disabled属性和checked属性的用法类似。 方法②使用表单选择器 :checkbox ...
做前端，需要选择元素，虽说有jquery和各大js库已经帮我造好了轮子，但我想试试自己实现一个，正好项目也不忙，正好加入自己的js文件中，下面是实现代码。用$g(“#content .op”)这种格式就可以调用，和jquery $()的参数一样:function $findChilds(parentNode, text) { //如果不传入父节点的话，默认为body if(parentNode == undefined) parentNode = document.body; var childNodes = parentNode.childNodes; var results =...
选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器 的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行 了介绍，也列举出了一些需要注意和区分的地方。 一、基本选择器 1. id选择器（指定id元素） 将id="one"的元素背景色设置为黑色。（id选择器返单个元素）$(do...
基本元素选择器代码如下: $("p") $("p.ii")选取所有class=ii的 p元素 $("p#demo")选取id=demo的第一个p元素分层选择器代码如下: $("div input")div 下的所有input $("div>input")基本条件选择器代码如下: $("p:first") $("p:last") $("tr:even")选择偶数行 $("tr:odd")奇数 $("input:not(:checked)")选择所有为本选中的元素 $("tr:eq(1)")索引值为1的表格 $("tr:gt(0)")大于0 $("tr:lt(0)")小于0 $(":header")选择所有标题元素 $("...
我们先来看段代码，很简单,如下代码如下: 111222333clear代码如下: $(function() {$("#button1").click(function() {$("#div1 span").html("aaa");});});$("#div1 span")获得三个对象的数组 1.如果执行 $("#div1 span").html("aaa"),则数组内的所有对象都会改变.如下图2.如果执行$("#div1 span").html(),只取值的话,则只会取数组第一个对象的值所以如果选择器获得是一个数组,要对数组每个元素都进行操作时,最好用each(). 另外还有些...