文档章节

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

X_H
 X_H
发布于 2015/04/09 17:23
字数 282
阅读 6
收藏 0

空格:$('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>


本文转载自:

共有 人打赏支持
X_H

X_H

粉丝 1
博文 39
码字总数 8827
作品 0
福州
jquery选择器空格与大于号、加号与波浪号的区别~(原创)

空格:$('parent childchild')表示获取parent下的所有的childchild节点,所有的子孙。 大于号:$('parent > child')表示获取parent下的所有child的儿子,第一代。 加号:$('pre + nextbrothe...

寻觅一只耳朵
2012/06/17
0
0
JavaWeb05-HTML篇笔记(一)

1.1上次课内容回顾: JQuery: JQuery的概述:是一个轻量级的JavaScript的类库.对JS进行封装. 常见的JS的框架: JQuery的使用: JQuery的选择器:(*) JQuery实现效果: JQuery样式操作: JQuer...

我是小谷粒
05/10
0
0
jQuery基础与JavaScript与CSS交互-第五章

目录 JavaScript框架种类及其优缺点 jQuery库 jQuery对象$ 掌握基本选择器 掌握过滤选择器 掌握表单选择器 RIA技术 常见的RIA技术 Ajax Sliverlight Flex 什么是框架? 框架是程序员将一个又...

达叔小生
08/03
0
0
Python自动化开发学习17-jQuery

jQuery学习之前 jQuery 是 JavaScript 的一个类库,类似 python 中的模块。 jQuery在线手册:http://jquery.cuishifeng.cn/ 官网:http://jquery.com/ 版本选择 目前jQuery有三个大版本:1.x...

骑士救兵
06/21
0
0
jQuery精选面试题及答案

1、jQuery的美元符号$有什么作用? 回答:其实美元符号$只是”jQuery”的别名,它是jQuery的选择器,如下代码: Html代码 $(document).ready(function(){ }); 当然你也可以用jQuery来代替$,...

西来飞鸿
2014/09/23
0
2

没有更多内容

加载失败,请刷新页面

加载更多

DeepMind 开源图神经网络的代码

用于支持论文《Relational inductive biases, deep learning, and graph networks》。 github A graph network takes a graph as input and returns a graph as output. The input graph has......

shengjuntu
16分钟前
0
0
python2编码详解、一

以前使用python3没觉的什么,跟着公司使用python2后被编码问题折磨的痛不欲生,好好研究了一下编码问题,参考了很多博文,加入自己的理解,这里只是对编码的介绍,下一篇是python2中编码问题...

hc321
24分钟前
0
0
基于OpenSSL的一些常用加密签名算法

目前包括:MD5、SHA512、DES、RSA加解密、RSA+MD5签名验证算法,在openssl基础上再进行封装,使用简单,头文件需要包含openssl库,可以使用vcpkg自动管理,省去繁琐的配置工程的过程。 该RSA...

LoSingSang
33分钟前
0
0
spring Data JPA

什么是JPA? 全称Java Persistence API,可以通过注解或者XML描述【对象-关系表】之间的映射关系,并将实体对象持久化到数据库中。 为我们提供了: 1)ORM映射元数据:JPA支持XML和注解两种元...

狼王黄师傅
38分钟前
0
0
微信小程序 - 使用七牛云 API 截取第 n 秒图像为封面图

前面分享过七牛的上传操作,在这里说下使用七牛 api 对视频在页面的处理,比如你的视频上传之后获取七牛视频链接,这时候你怎么展示它呢? 在页面可以使用小程序提供的原生组件 video ,可以...

几个栗子
41分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部