前言:我写博客的频率与我的清闲程度成正比。。
太闲了所以想记录一下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选择器的时候 对一些ID属性中有特殊符号的地方需要进行转义。 列举部分如下: <input id="entity.username" type="text" value="hello" /> alert($("#entity\\.username").val()); &...
5. jQuery程序代码的特殊:包含$符号和连缀操作 6. 每个页面都有对应的DOM模型,DOM模型包括元素节点、文本节点和属性节点 7. 可以将DOM对象转换成jQuery对象,以使用jQuery提供的丰富功能;也可以将jQuery对象转换...
主要介绍了使用Jquery如何获取带特殊符号的ID 标签,该怎么写,需要的朋友可以参考下
10.2.1 选择器中含有特殊符号/317 10.2.2 选择器中含有空格符号/318 10.3 优化事件中的冒泡现象/319 10.4 使用data()方法缓存数据/321 10.5 解决jQuery库与其他库的冲突/326 10.5.1 jQuery在其他库前导入/326 ...
11. 选择器中含有特殊符号: “.” “#” “(” “]” 7 第3章. jQuery中的DOM操作 8 1. 插入节点 8 2. 删除节点 8 3. 复制节点 9 4. 替换节点 9 5. 包裹节点 9 6. 属性操作 9 7. 样式操作 9 8. 设置和获取html,文本...
2.5.1 选择器中含有特殊符号的注意事项 2.5.2 选择器中含有空格的注意事项 2.6 案例研究——某网站品牌列表的效果 2.7 其他选择器 2.7.1 jQuery提供的选择器的扩展 2.7.2 其他使用CSS选择器的方法 2.8 小结 第3章 ...
在jQuery中,我们通常利用$.ajax或$.post进行数据传递处理,但这里通常不能传递特殊字符,如:“<”。本文就介绍如何传递这种含特殊字符的数据。 1、准备页面和控制端代码 页面代码如下: [removed] $...
在做ajax登录时候遇到的一个问题,当传入参数含有特殊字符,比如:“$'#@”等。参数传递会有问题,无法正确获取。本文章向码农介绍jQuery ajax特殊字符参数解决方法,需要的朋友可以参考一下。
37:特殊符号 38:创建节点 39:追加节点1 40:追加节点2 41:插入节点1 42:插入节点2 43:删除节点1 44:删除节点2 45:参数删除 46:清空节点 47:克隆节点 48:替换节点1 49:替换节点2 50:包裹节点1 51:包裹节点2 52:...
基于jQuery HTML5实现的一些网页菜单,这些菜单看上去很有美感,而且制作思路也是很新鲜,主要是使用网页上的那些特殊符号、字符来实现的,一共有10款这种风格的菜单,个别还带有动画效果,这些菜单若在支持HTML5的...
10.2 处理选择器中的不规范元素标志 10.2.1 选择器中含有特殊符号 10.2.2 选择器中含有空格符号 10.3 优化事件中的冒泡现象 10.4 使用data()方法缓存数据 10.5 解决jquery库与其他库的冲突 ...
id中包含其他特殊字符比如 /@ 等为了利用jquery获取该元素需要转义特殊字符,具体实现如下,感兴趣的朋友可以参考下
一、选择器中含有特殊符号的注意事项 1.选择器中含有“.”、“#”、“(”或“]”等特殊字符 根据W3C的规定,属性值中是不能含有这些特殊字符的,但在实际项目中偶尔会遇到表达式中含有“#”和“.”等特殊字符,...
NULL 博文链接:https://onestopweb.iteye.com/blog/2274203
url里的参数内容包含&符合,我有两种方法解决一是:在页面用JS转码;二是:在后端处理,另外还有网络分享的一些方法,感兴趣的朋友可以参考下哈