<!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子元素的背景顏色設(shè)置為綠色。
也就是說>選擇器是匹配指定元素的一級子元素，而不是所有的后代元素。

您可能感興趣的文章:

相關(guān)文章

jQuery得到多個值只能用取Class ,不能用取ID的方法
下面小編就為大家?guī)硪黄猨Query得到多個值只能用取Class ,不能用取ID的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-12-12
PHP結(jié)合jQuery實(shí)現(xiàn)紅藍(lán)投票功能特效
本文給大家分享的是jQuery + PHP+mysql完成的投票程序，功能不是太復(fù)雜，主要是效果非常不錯，有需要的小伙伴可以參考下
2015-07-07
easyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)
下面小編就為大家?guī)硪黄猠asyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
jQuery事件多次綁定與解綁問題實(shí)例分析
這篇文章主要介紹了jQuery事件多次綁定與解綁問題,結(jié)合實(shí)例形式分析了jQuery事件多次綁定情況下的運(yùn)行情況,以及解綁相關(guān)操作技巧,需要的朋友可以參考下
2019-02-02
jquery移動listbox的值原理及代碼
jQuery操作listbox原理并不難，就是將listbox中的選中項(xiàng)進(jìn)行移動，實(shí)現(xiàn)我們需要的移動效果，具體實(shí)例如下，感興趣的朋友可以學(xué)習(xí)下
2013-05-05
jquery中通過父級查找進(jìn)行定位示例
如果想要查找到有icon這個class的span除了用原始的代碼還可以用父級查詢的方法進(jìn)行定位，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
2013-06-06
jQuery時間日期三級聯(lián)動(推薦)
這篇文章主要介紹了jQuery時間日期三級聯(lián)動的實(shí)現(xiàn)代碼，代碼簡答易懂，非常實(shí)用，需要的朋友參考下吧
2016-11-11
jQuery學(xué)習(xí)筆記之jQuery的動畫
jQuery學(xué)習(xí)筆記之jQuery的動畫，需要的朋友可以參考下。
2010-12-12
淺析jQuery Mobile的初始化事件
這篇文章主要介紹了淺析jQuery Mobile的初始化事件,jQuery是當(dāng)前人氣最高的JavaScript庫,需要的朋友可以參考下
2015-12-12
Jquery和Js獲得元素標(biāo)簽名稱的方法總結(jié)
下面小編就為大家?guī)硪黄狫query和Js獲得元素標(biāo)簽名稱的方法總結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10