jquery选择器空格与大于号、加号与波浪号的区别

转自： http://my.oschina.net/jsonavaj/blog/62630

空格：$('parent childchild')表示获取parent下的所有的childchild节点（所有的子孙）。

大于号：$('parent > child')表示获取parent下的所有child的儿子( 第一代)。

加号：$('pre + nextbrother')表示获得pre节点的下一个兄弟节点，相当于next()方法

波浪号：$('pre ~ brother')表示获取pre节点的后面的所有兄弟节点，相当于nextAll()方法。

下面是一个小例子，看看他们的区别吧~~~~ (注意：代码测试效果不对，有时间再试试）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>New Document </title><meta name="Generator" content="EditPlus"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><script src='f:/study/jquery.js'></script><script>$(function () {$("#b").append($("#a span").clone());$("#c").append($("#span12 + span").clone());$("#d").append($("#span12 ~ span").clone());$("#e").append($("#a > span").clone());})</script>
</head><body><div id='a'><span>span1</span><div><span>span1.1</span><span id='span12'>span1.2</span><span>span1.3</span><span>span1.4</span><span>span1.5</span><span>span1.6</span></div><span>span2</span><div><span>span2.1</span><span>span2.2</span><span>span2.3</span><span>span2.4</span><span>span2.5</span><span>span2.6</span></div><span>span3</span><span>span4</span></div><hr><div id='b'></div>空格：<hr><div id='c'></div>+：<hr><div id='d'></div>~：<hr><div id='e'>></div>
</body>
</html>

jquery选择器空格与大于号、加号与波浪号的区别相关推荐

css选择器 ~ （波浪号）、+（加号）、＞（大于号）的用法解析和举例
~(波浪号) ~(波浪号):A ~ B表示选择A标签后的所有B标签,但是A和B标签必须有相同的父元素. <style>h3~h5{color: red;} </style>&l ...
bash之波浪号扩展（tilde expansion）
写在前面对于使用过linux的人来说,对于波浪号扩展应该不会陌生,都知道~号代表的是当前用户的宿主目录. 但是呢,我想说的是,对于波浪号扩展的认知了解到这个程度可能还不够,波浪号扩展还有其它的意义. ...
解决 LaTeX 索引的路径中存在波浪号的问题
解决 LaTeX 索引的路径中存在波浪号的问题波浪号 (~, tilde) kymot 2021-04-10 20:47:43 +0800 问题前段时间写的讲 LaTeX 中自定义中文字体的文章里 ...
jquery、css 的选择器(逗号/空格/英文句号/大于号/加号/波浪号)
jQuery.CSS常用选择器符号描述示例说明紧接无符号相当于"并且"关系 input.k-textbox{ ... } 选出input并且包含k-textbox ...
jquery、css 的选择器(逗号/空格/英文句号/大于号/加号/波浪号)备忘
jQuery.CSS常用选择器符号描述示例说明紧接无符号相当于"并且"关系 input.k-textbox{ ... } 选出input并且包含k-textbox ...
【Css】css中class之间＞(大于号)、~(波浪号)、 (空格)、,(逗号)、+(加号)详解（转载，笔记用）
css中">"(大于号)."~"(波浪号)." "(空格).","(逗号)."+"(加号)详解 ...
jQuery 选择器中的空格问题
直接来看例子: 1 <html> 2 <head> 3 <title>选择器空格的tips</title> 4 <script type=&quo ...
jquery选择器大于等于_从零开始学前端 30. JS选择器
每篇文章纯属个人经验观点,如有错误疏漏欢迎指正由于微信公众号对英文的排版十分困难以获得更好的阅读体验类似于 CSS选择器,如果我们想要使用 JS 来对 HTML 页面中的元素实现一对一,一对多或者 ...
jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html
我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器在CSS3选择器标淮草案定义 ...

jquery选择器空格与大于号、加号与波浪号的区别

jquery选择器空格与大于号、加号与波浪号的区别相关推荐

最新文章

热门文章