快捷導(dǎo)航

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

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

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

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

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

您可能感興趣的文章:

相關(guān)文章

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