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 相关文章推荐
Js的MessageBox
Dec 03 Javascript
extJs 下拉框联动实现代码
Apr 09 Javascript
javascript中的float运算精度实例分析
Aug 21 Javascript
JS版的date函数(和PHP的date函数一样)
May 12 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
Oct 22 Javascript
jquery处理json对象
Nov 03 Javascript
Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
May 17 Javascript
微信小程序之数据双向绑定与数据操作
May 12 Javascript
vue移动端实现下拉刷新
Apr 22 Javascript
karma+webpack搭建vue单元测试环境的方法示例
May 24 Javascript
Vue+ElementUI 中级联选择器Bug问题的解决
Jul 31 Javascript
通过实例了解Render Props回调地狱解决方案
Nov 04 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自动识别文字编码并转换为目标编码的方法
2015/08/08 PHP
PHP中Array相关函数简介
2016/07/03 PHP
ThinkPHP使用getlist方法实现数据搜索功能示例
2017/05/08 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
php实现的中秋博饼游戏之绘制骰子图案功能示例
2017/11/06 PHP
javascript 程序库的比较(一)之DOM功能
2010/04/07 Javascript
关于JS管理作用域的问题
2013/04/10 Javascript
使用requestAnimationFrame实现js动画性能好
2015/08/06 Javascript
jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
2016/06/08 Javascript
jQuery树插件zTree使用方法详解
2017/05/02 jQuery
详解angular ui-grid之过滤器设置
2017/06/07 Javascript
使用JavaScript实现链表的数据结构的代码
2017/08/02 Javascript
利用Vue2.x开发实现JSON树的方法
2018/01/04 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
2018/01/09 Javascript
mac上配置Android环境变量的方法
2018/07/08 Javascript
解决Vue+Electron下Vuex的Dispatch没有效果问题
2019/05/20 Javascript
解决vue组件props传值对象获取不到的问题
2019/06/06 Javascript
微信小程序实现写入读取缓存详解
2019/08/30 Javascript
[01:00:53]OG vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[03:01]完美世界DOTA2联赛PWL S2 集锦第二期
2020/12/03 DOTA
python实现随机密码字典生成器示例
2014/04/09 Python
python如何将图片转换为字符图片
2020/08/19 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
Python实现多属性排序的方法
2018/12/05 Python
Python使用reportlab模块生成PDF格式的文档
2019/03/11 Python
详解使用python绘制混淆矩阵(confusion_matrix)
2019/07/14 Python
Django实现auth模块下的登录注册与注销功能
2019/10/10 Python
Pytorch实现基于CharRNN的文本分类与生成示例
2020/01/08 Python
python算的上脚本语言吗
2020/06/22 Python
HTML5 Canvas基本线条绘制的实例教程
2016/03/17 HTML / CSS
html5简单示例_动力节点Java学院整理
2017/07/07 HTML / CSS
专门出售各种儿童读物的网站:Put Me In The Story
2016/08/07 全球购物
大一军训感言
2014/01/09 职场文书
庭外和解协议书
2016/03/23 职场文书
创业计划书之o2o水果店
2019/08/30 职场文书
SQL Server 忘记密码以及重新添加新账号
2022/04/26 SQL Server