jQuery大于号(>)选择器的作用解释


Posted in Javascript onJanuary 13, 2015

jQuery选择器中的大于号>作用是什么:
jQuery灵活多样的选择器是jQuery的优点之一。
下面就介绍一下其中的一个选择器,用大于号表示。
代码示例如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<title>蚂蚁部落</title>

<style type="text/css">

#box{

  width:300px;

  height:200px;

  background:black;

}

#middle{

  width:200px;

  height:150px;

  background:red;

  margin:0px auto;

}

#inner{

  width:100px;

  height:100px;

  background:blue;

  margin:0px auto;

}

</style>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

<script>

$(document).ready(function(){

  $("#box>div").css("background-color","green");

});

</script>

</head>

<body>

<div id="box">

  <div id="middle">

    <div id="inner"></div>

  </div>

</div>

</body>

</html>

上面的代码可以将box元素下第一级div子元素的背景颜色设置为绿色。
也就是说>选择器是匹配指定元素的一级子元素,而不是所有的后代元素。

Javascript 相关文章推荐
JSON扫盲帖 JSON.as类教程
Feb 16 Javascript
jQuery - css() 方法示例详解
Jan 16 Javascript
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
Jan 24 Javascript
一个Action如何调用两个不同的方法
May 22 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
Jun 20 Javascript
AngularJS中实现动画效果的方法
Jul 28 Javascript
js 获取当前web应用的上下文路径实现方法
Aug 19 Javascript
详解AngularJS中的表单验证(推荐)
Nov 17 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
Dec 21 Javascript
浅谈js中的变量名和函数名重名
Feb 13 Javascript
webstorm+vue初始化项目的方法
Oct 18 Javascript
详解vue中axios请求的封装
Apr 08 Javascript
javascript面向对象之this关键词用法分析
Jan 13 #Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
Jan 13 #Javascript
javascript面向对象之访问对象属性的两种方式分析
Jan 13 #Javascript
javascript面向对象之对象的深入理解
Jan 13 #Javascript
jQuery实现设置、移除文本框默认值功能
Jan 13 #Javascript
javascript面向对象快速入门实例
Jan 13 #Javascript
javascript引用赋值(地址传值)用法实例
Jan 13 #Javascript
You might like
PHP 图像尺寸调整代码
2010/05/26 PHP
php学习之数据类型之间的转换代码
2011/05/29 PHP
php实现rc4加密算法代码
2012/04/25 PHP
php项目中百度 UEditor 简单安装调试和调用
2015/07/15 PHP
php+redis实现商城秒杀功能
2020/11/19 PHP
javascript 学习之旅 (2)
2009/02/05 Javascript
查看图片(前进后退)功能实现js代码
2013/04/24 Javascript
js加密解密字符串可自定义密码因子
2014/05/13 Javascript
深入浅析JavaScript中with语句的理解
2016/05/12 Javascript
jquery获取img的src值的简单实例
2016/05/17 Javascript
在web中js实现类似excel的表格控件
2016/09/01 Javascript
bootstrap输入框组件使用方法详解
2017/01/19 Javascript
JavaScript正则表达式的贪婪匹配和非贪婪匹配
2017/09/05 Javascript
Vue模拟数据,实现路由进入商品详情页面的示例
2018/08/31 Javascript
小程序数据通信方法大全(推荐)
2019/04/15 Javascript
详解Vue依赖收集引发的问题
2019/04/22 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
2019/08/20 Javascript
Vue实现导航栏的显示开关控制
2019/11/01 Javascript
React Hooks 实现和由来以及解决的问题详解
2020/01/17 Javascript
vue中改变滚动条样式的方法
2020/03/03 Javascript
小程序实现点击tab切换左右滑动
2020/11/16 Javascript
Python 通过pip安装Django详细介绍
2017/04/28 Python
python中使用zip函数出现错误的原因
2018/09/28 Python
解决Pycharm调用Turtle时 窗口一闪而过的问题
2019/02/16 Python
pandas计数 value_counts()的使用
2019/06/24 Python
python+selenium+chrome批量文件下载并自动创建文件夹实例
2020/04/27 Python
Python如何根据时间序列数据作图
2020/05/12 Python
keras中的History对象用法
2020/06/19 Python
tensorflow/core/platform/cpu_feature_guard.cc:140] Your CPU supports instructions that this T
2020/06/22 Python
Python如何将装饰器定义为类
2020/07/30 Python
Python 使用双重循环打印图形菱形操作
2020/08/09 Python
有趣的睡衣和礼物:LazyOne
2019/11/27 全球购物
工程专业求职自荐书范文
2014/02/08 职场文书
乡镇团委工作总结2015
2015/05/26 职场文书
新课程改革心得体会
2016/01/22 职场文书
django项目、vue项目部署云服务器的详细过程
2022/07/23 Servers