JQuery 一些特殊符号的使用
前言:我写博客的频率与我的清闲程度成正比。。
太闲了所以想记录一下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 一些特殊符号的使用的更多相关文章
- 解决jQuery中美元符号($)命名与别的js脚本库引用冲突方法
在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg') 的写法.然而,当我们引入多个js库后,在另外一个js库 ...
- JQuery基础概念--$符号的实质
$符号的实质 //$其实就是一个函数,以后用$的时候,记得跟小括号 $(); //参数不同,功能就不同 //3种用法 //1. 参数是一个function, 入口函数 $(function () { ...
- jquery中美元符号命名冲突问题解决
在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg') 的写法.然而,当我们引入多个js库后,在另外一个js库 ...
- jquery中美元符号($)命名冲突
http://blog.csdn.net/shanshan209/article/details/6341727 在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替 ...
- 【学】jQuery的源码思路2——$符号是如何封装的
jQuery中的$符号功能很强大,原因在于对函数参数的个数以及种类的控制,还有对于面向对象思想的运用 function jQuery(args){ //接受参数,并对其判断 this.elements ...
- 详解jQuery的$符号和init函数
本文所有代码,出自jQuery.1.5.2,为方便理解,引入类的概念,虽然jQuery不是基于面向对象思想. jQuery是现在最流行的JavaScript框架, $是其中最常见的符号,已经在jQue ...
- jquery 中$符号六大作用
jquery 中$符号六大作用 2012-12-16 86市场网 javascript a.$用作选择器, var e = $("h1 a"); var f = $("t ...
- jQuery中$符号的作用
jQuery中$符号的作用 1.查找作为jQuery包装器,利用选择器来选择DOM元素(这个也是最强大的功能) 例如:$("table tr:nth-child(even)") 基 ...
- jQuery的$符号
jQuery使用$的原因是: 书写简洁, 相对于其他字符与众不同, 容易被记住. JQuery占用了两个变量: $ 和 jQuery. 当在代码中打印 $ 和 jQuery时: <script ...
随机推荐
- python之BeautifulSoup库
1. BeautifulSoup库简介 和 lxml 一样,Beautiful Soup 也是一个HTML/XML的解析器,主要的功能也是如何解析和提取 HTML/XML 数据.lxml 只会局部遍历 ...
- 2977,3110 二叉堆练习1,3——codevs
二叉堆练习1 题目描述 Description 已知一个二叉树,判断它是否为二叉堆(小根堆) 输入描述 Input Description 二叉树的节点数N和N个节点(按层输入) 输出描述 Outpu ...
- HTML学习笔记之标签基础
目录 1.基本标签 2.链接 3.图像 4.表格 5.列表 6.块与布局 1.基本标签 (1)标题与段落 标签 <h1> ~ <h6> 分别用于定义一至六级标题,标签 < ...
- LINUX应用开发(面试)
LINUX应用开发工程师职位 本试卷从考试酷examcoo网站导出,文件格式为mht,请用WORD/WPS打开,并另存为doc/docx格式后再使用 说明:应用开发可考察的点非常多,关键的还是C语言和 ...
- python基础综合题----选自python二级考试
<笑傲江湖>是金庸的重要武侠作品之一.这里给出一个<笑傲江湖>的网络版本, 文件名为“笑傲江湖-网络版.txt”. ...
- 【codeforces 767A】Snacktower
[题目链接]:http://codeforces.com/contest/767/problem/A [题意] 每天掉一个盘子下来;盘子有大小从1..n依次增大n个盘子; 然后让你叠盘子; 最底层为n ...
- chromeDriver下载地址
http://chromedriver.storage.googleapis.com/index.html
- angular5 httpclient的示例实战
摘要: 从angular 4.3.0 以后的版本开始使用httpclient,替换了之前的http,引用的包路径已经变为了angular/common/http了 一个基础的 httpclient 样 ...
- Clojure:读取xml
在Clojure中读取XML是很容易的.比如我们有一个名叫strings.xml文件: <?xml version="1.0" encoding="utf-8&qu ...
- linux更改gitlab存储位置
更改仓库存储位置默认时GitLab的仓库存储位置在“/var/opt/gitlab/git-data/repositories”,在实际生产环境中显然我们不会存储在这个位置,一般都会划分一个独立的分区 ...