指的是什么的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大..."/>
您好,登錄后才能下訂單哦!
今天小編給大家分享一下jquery中>指的是什么的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來(lái)了解一下吧。
在jquery中,“>”是一個(gè)子元素選擇器,該選擇器只能選擇某元素的子元素;語(yǔ)法“$("E > F")”,其中E為父元素,而F為子元素,表示的是選擇了E元素下的全部子元素F。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
在jquery中,“>”指的是一個(gè)子元素選擇器,是層次選擇器的一種。
子元素選擇器(E>F
)只能選擇某元素的子元素,其中E為父元素,而F為子元素,其中E>F所表示的是選擇了E元素下的全部子元素F。
語(yǔ)法:
$("E > F")
jQuery 中所有選擇器都以美元符號(hào)開頭:$()。
返回值:返回匹配的結(jié)果集
示例:
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("#main > *").css("border", "3px double red"); }); </script> <style> body { font-size: 14px; } span#main { display: block; background: yellow; height: 110px; } button { display: block; float: left; margin: 2px; font-size: 14px; } div { width: 90px; height: 90px; margin: 5px; float: left; background: #bbf; font-weight: bold; } div.mini { width: 30px; height: 30px; background: green; } </style> </head> <body> <span id="main"> <div></div> <button>Child</button> <div class="mini"></div> <div> <div class="mini"></div> <div class="mini"></div> </div> <div><button>Grand</button></div> <div><span>A Span <em>in</em> child</span></div> <span>A Span in main</span> </span> </body> </html>
分析:
$("#main > *").css("border", "3px double red");
將匹配span元素中的子元素,并且必須為子元素集合中的第一個(gè)元素,以下為匹配的元素(紫色)
以上就是“jquery中>指的是什么”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。