jQuery第二弹强大的选择器

原创 2015年07月11日 06:39:23

闲话少叙直奔主题,这一弹主要 介绍 一下选择器的类型以及使用和一些需要特殊注意的地方。

  第一:jquery选择器的类型,从大的方面来说主要分为: 

               基本选择器 ex: id选择器 class是选择器 标签选择器等等

               层次选择器 ex:parent>children,find(),children(),next,prev().siblings()等等。

              表单选择器 ex: :input :checked :radio :password等等。

               属性选择器ex: attribute=value(等于) attribute!=value(不等于) attribute^=value(以什么开头) attribute$=value(以什么结尾) attribute*=value包含一个或者多个。

               过滤选择器::last :first :not(select) :even :odd :eq() :gt() :lt()

               内容过滤选择器::contains() :empty() :has() :parent()

对于这些选择器的使用具体情况具体对待,没有固定不变的方法,只要可以实现功能,并且效果不低就可以,对于这些选择器而言最重要的就是能够联合使用,信手拈来,实在不会的时候可以查看api。

        第二:一些需要特殊注意的地方:

              find()与children()的区别。find()函数在做后代元素匹配的时候会匹配子元素以后的所有元素,children()只会匹配子元素。

              jQuery选择器带空格和不带空格的区别,ex: ("#myid :input[type=hidden]")这个的含义是选择id为myid的,在他的内部选择input为隐藏的元素;("#myid:input[type=hidden]")这个的含义是选择id为myid的属性为隐藏的文本框,二者含义完全不同。总体来说:带空格的表示后代选择器,不带空格的表示过滤选择

             :even和 :nth-child(even)区别,首先说明:even是基本的选择器,选择奇数个对象而:nth-child(even)是子元素过滤选择器的,表示选择对于子元素的奇数个对象,还有他们最主要的区别是::even下标是从0开始的,而nth-child(even)下标是从1开始的。

          在这里,我也是抛砖引玉,jquery选择器真的很强大,可能你像我一样是个小白,不明白内部实现的原理,可是你只是要做到会如何使用,在低一层级的要求,你需要知道如何去查,提供一个api。

  http://jquery.cuishifeng.cn/


jQuery强大的选择器 (详解)

1. 基础选择器 Basics 名称 说明 举例 #id 根据元素Id选择 $("divId") 选择ID为divId的元素 el...
  • han8888
  • han8888
  • 2011年11月03日 08:30
  • 268

强大的jQuery选择器

1. 基础选择器 Basics 名称 说明 举例 #id 根据元素Id选择 $("divId") 选择ID为divId的元素 el...
  • oqqYeYi
  • oqqYeYi
  • 2014年06月17日 15:27
  • 411

jquery 强大的选择器

3.1  css选择器3.2  标签选择器$("td").click(function(){ ...  });3.3  ID选择器$("#Test").click(function(){ .... }...
  • softness202
  • softness202
  • 2010年08月29日 15:56
  • 277

强大的JQuery选择器

JQuery选择器有个强大的功能是能够给一个按钮添加一组交互事件,而不需要去判断; 显示全部品牌 JS代码如下:var $togglenBtn = $('div.showmore > a'); $...
  • qianzhiyong111
  • qianzhiyong111
  • 2011年07月04日 19:40
  • 303

jQuery强大的选择器

选择器作用: 用来选择标签的jQuery中的选择器借鉴了CSS中选择器的思想,CSS中选择器选择出标签以后只能给标签加样式,而jQuery中的选择器选择出标签(或元素)后可以做任意操作。基本选择器 B...
  • qq_34283987
  • qq_34283987
  • 2017年09月18日 21:04
  • 262

JQuery强大的选择器

在实际开发中,发现对JQuery框架的理解很不足。尤其是它各式各样,强大的选择器。 1.什么是选择器   通俗的讲, Selector选择器就是"一个表示特殊语意的字符串". 只要把选择器字符串传...
  • wangyajin333
  • wangyajin333
  • 2015年08月21日 21:44
  • 473

强大的jquery选择器

1. 基础选择器 Basics 名称 说明 举例 #id 根据元素Id选择 $("divId") 选择ID为divId的元素 el...
  • xuxu198899223
  • xuxu198899223
  • 2013年01月18日 09:11
  • 470

常用jQuery选择器详解

元素选择是一切操作的前提,jQuery中$()函数最强大最常用的功能之一就是使用选择器选择DOM元素。这里就汇总一些十分常用的jQuery选择器。1、jQuery选择器基本结构$('选择器') $('...
  • a153375250
  • a153375250
  • 2016年05月26日 14:46
  • 1548

JQuery_九大选择器

JQuery中九大选择器。
  • pseudonym_
  • pseudonym_
  • 2017年07月25日 18:19
  • 615

jquery选择器的实现原理

html部分 Document 1 2 var result = $("div"); console.log(result); alert($('div').size(...
  • qq_30100043
  • qq_30100043
  • 2016年11月03日 00:57
  • 975
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery第二弹强大的选择器
举报原因:
原因补充:

(最多只允许输入30个字)