前言:我写博客的频率与我的清闲程度成正比。。

 

太闲了所以想记录一下JQuery里的特殊符号,级别:入门级。用到哪里写到哪里,不全面是肯定的。

其实只要接触前端就肯定少不了用jquery,但是以前太忙,都是边学边用,

所谓学,就是看别人的代码怎么写,自己怎么写。所以用来用去就是 val()、show()、hide() 仅此而已。

从来没有系统学过,以至于面试的时候一问三不知。

在这之前,先说一下如果什么特殊符号都不用,就表示是Dom元素名

例如$("div")表示获取页面中所有的div元素(集合),$("ul")表示获取页面中所有的ul元素(集合)。

第一个特殊符号:    #

井号的目标很明确,只和 id名一起用,比如 $("#div1")之类的,div1为样式名,由于id名的唯一性,只会获取一个元素。

第二个特殊符号:      .

点如果单独放在某个单词前面,就表示是样式名为xxx的元素(集合),比如$(".redStyle")之类的,

redStyle为样式名。

第三个特殊符号:     :

用法1:放在元素名前面,表示某一类元素。

例如:

$(":input")表示选择所有表单元素,例如input,select,textarea,button等元素。

而$("input") 则只表示所有的 input元素,显然带冒号比不带冒号选择的范围更广。

分在这一类是为了方便记忆,其实这里的input已经不再表示一个“名词“,而是一个”形容词“。

也就是用法2中的筛选条件。

用法2:放在筛选条件前面,起到过滤作用

例如:

$(":hidden") 表示所有隐藏元素

第四个特殊符号:     [  ]

用法1:根据 属性=属性值 来筛选元素时使用

例如:  $("li[title='蔬菜']") 表示所有title的值为“蔬菜”的li元素

第五个特殊符号:   空格

就目前学到的看来,空格一般是用于元素与元素之间。

例子如下→

用法1:用于子孙选择器

例如$("div span")表示获取div下的所有span元素集合(包括所有级层)

用法2:获取表单中的某一类元素的集合

例如 $("#formTest :checkbox") 表示获取id名为formTest的表单下的所有复选框,

注意,#formTest  与  :checkbox之间的空格不能少。

用法3:获取表单中具有相同状态的元素集合

例如 $("#formTest :checked") 表示获取id名为formTest的 表单下所有处于选中状态

的元素,比如单选框、复选框等拥有checked属性的元素。

类似的还有$("#formTest :selected")主要用于下拉框的option属性。

注意,#formTest  与  :checked之间的空格不能少。

第六个特殊符号:  

其他特殊符号:   >   +    ~

这几个用途比较少,放在一起说

$("div>span") 表示只选取div下第一层级的span元素集合

$("div+span") 表示选取与div在同一层级中的下一个span元素,注意,只返回一个元素

$("div~span") 表示选取与div在同一层级中的后面全部的span元素集合,注意只是同一级层中

JQuery 一些特殊符号的使用的更多相关文章

  1. 解决jQuery中美元符号($)命名与别的js脚本库引用冲突方法

    在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg') 的写法.然而,当我们引入多个js库后,在另外一个js库 ...

  2. JQuery基础概念--$符号的实质

    $符号的实质 //$其实就是一个函数,以后用$的时候,记得跟小括号 $(); //参数不同,功能就不同 //3种用法 //1. 参数是一个function, 入口函数 $(function () { ...

  3. jquery中美元符号命名冲突问题解决

    在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg') 的写法.然而,当我们引入多个js库后,在另外一个js库 ...

  4. jquery中美元符号($)命名冲突

    http://blog.csdn.net/shanshan209/article/details/6341727 在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替 ...

  5. 【学】jQuery的源码思路2——$符号是如何封装的

    jQuery中的$符号功能很强大,原因在于对函数参数的个数以及种类的控制,还有对于面向对象思想的运用 function jQuery(args){ //接受参数,并对其判断 this.elements ...

  6. 详解jQuery的$符号和init函数

    本文所有代码,出自jQuery.1.5.2,为方便理解,引入类的概念,虽然jQuery不是基于面向对象思想. jQuery是现在最流行的JavaScript框架, $是其中最常见的符号,已经在jQue ...

  7. jquery 中$符号六大作用

    jquery 中$符号六大作用 2012-12-16 86市场网 javascript a.$用作选择器, var e = $("h1 a"); var f = $("t ...

  8. jQuery中$符号的作用

    jQuery中$符号的作用 1.查找作为jQuery包装器,利用选择器来选择DOM元素(这个也是最强大的功能) 例如:$("table tr:nth-child(even)") 基 ...

  9. jQuery的$符号

    jQuery使用$的原因是: 书写简洁, 相对于其他字符与众不同, 容易被记住. JQuery占用了两个变量: $ 和 jQuery. 当在代码中打印 $ 和 jQuery时: <script ...

随机推荐

  1. 使用python的几个小经验(查看文档)

    好久没有水博客了,未来再过20天不到的时间又得参加软考,今天终于得好好水一发帖子 关于Python,很多人包括我之前都不知道怎么找文档,现在有一个好办法,就是在命令行模式下调用pydoc –p xxx ...

  2. zabbix4.0搭建(基于CentOS6.8)

    环境 服务端:188.188.3.241,系统:centos6.8,mysql:5.7.3,php:5.4.9,nginx:1.12.0   一.nginx编译安装 NGINX_VERSION=1.1 ...

  3. 安装RHEL7红帽操作系统

    1.单击“开启此虚拟机”启动RHEL 7系统安装. 开启虚拟机 2.通过键盘方向键选择Install Red Hat Enterprise Linux 7.0选项,然后回车,开始安装RHEL7操作系统 ...

  4. CentOS6.5下修改MySQL编码方法

    1.查看默认编译,默认登陆到mysql后,通过show variable like命令来查看系统变量 可以看到,默认的数据库编码方式基本设置成了latin1的编译方式,此时我们需要将其修改成utf8的 ...

  5. 【ACM】hdu_zs3_1008_Train Problem I_201308100835

    Train Problem I Time Limit : 2000/1000ms (Java/Other)   Memory Limit : 65536/32768K (Java/Other)Tota ...

  6. 移动端 javascript 计算html font-size

    直接上代码  (function(doc, win) {             var docEl = doc.documentElement,                 resizeEvt ...

  7. HDU 4891 The Great Pan (字符串处理)

    题目链接:HDU 4891 The Great Pan 求一串字符有多少种不同的意思,当中关心'{','}'之间的'|'. 和'$','$'之间的空格,连续N个空格算N+1种. AC代码: #incl ...

  8. 动态加入的HTML的自己主动渲染

    这两天在写一个用EasyUI的前台,遇到动态向Layout加入HTML内容时没有自己主动渲染的问题.查了一下网上的资料后得以解决.详细例如以下: $("#content").htm ...

  9. HDU 4529

    好题.果然好题,经典了. 列一个计划,清明前做好状压DP.之后就刷剩下的MULTI. #include <iostream> #include <cstdio> #includ ...

  10. iOS 运行时添加属性和方法

    第一种:runtime.h里的方法 BOOL class_addProperty(Class cls, const char *name, const objc_property_attribute_ ...