jQuery大于號(>)選擇器的作用解釋

更新時間：2015年01月13日 10:30:38 投稿：junjie

這篇文章主要介紹了jQuery大于號(>)選擇器的作用解釋,本文用代碼實例講解jQuery大于號的作用,需要的朋友可以參考下

jQuery選擇器中的大于號>作用是什么:
jQuery靈活多樣的選擇器是jQuery的優(yōu)點之一。
下面就介紹一下其中的一個選擇器，用大于號表示。
代碼示例如下:

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

您可能感興趣的文章:

jquery觸發(fā)a標簽跳轉(zhuǎn)事件示例代碼
本文為大家詳細介紹下如何使用jquery觸發(fā)a標簽的跳轉(zhuǎn)事件，感興趣的朋友可以參考下哈，希望對大家有所幫助
2013-07-07
jQuery中map()方法用法實例
這篇文章主要介紹了jQuery中map()方法用法,實例分析了map()方法的功能、定義及轉(zhuǎn)換數(shù)組的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery實現(xiàn)的滑塊滑動導航效果示例
這篇文章主要介紹了jQuery實現(xiàn)的滑塊滑動導航效果,涉及jQuery事件響應及頁面元素動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下
2018-06-06
jQuery的學習步驟
首先我建議大家去看看<JQUERY實戰(zhàn)>這本書，稍后我會提供本書的jquery實戰(zhàn)PDF版本。能省點銀子最好啊。
2011-02-02
jQuery實現(xiàn)的下雪動畫效果示例【附源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)的下雪動畫效果,涉及jQuery插件結(jié)合setInterval、animate進行動畫操作的相關使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
2018-02-02
jquery checkbox,radio是否選中的判斷代碼
jquery checkbox,radio是否選中的判斷代碼,需要的朋友可以參考下。
2010-03-03
jQuery如何防止這種冒泡事件發(fā)生
這篇文章主要介紹了Jquery使我們簡化了禁止冒泡事件的操作，只需幾行代碼,需要的朋友可以參考下
2015-02-02
DIV外區(qū)域Click后關閉DIV的實現(xiàn)代碼
首先看下JS的事件模型，JS事件模型為向上冒泡，如onclick事件在某一DOM元素被觸發(fā)后，事件將跟隨節(jié)點向上傳播，直到有click事件綁定在某一父節(jié)點上，如果沒有將直至文檔的根
2011-12-12
jQuery幫助之篩選查找 children([expr])
取得一個包含匹配的元素集合中每一個元素的所有子元素的元素集合。
2011-01-01
jQuery實現(xiàn)對象轉(zhuǎn)為url參數(shù)的方法
這篇文章主要介紹了jQuery實現(xiàn)對象轉(zhuǎn)為url參數(shù)的方法,涉及jQuery針對字符串的遍歷與轉(zhuǎn)換操作相關技巧,需要的朋友可以參考下
2017-01-01