您好,登錄后才能下訂單哦!
今天小編給大家分享一下jquery中>指的是什么的相關知識點,內容詳細,邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
在jquery中,“>”是一個子元素選擇器,該選擇器只能選擇某元素的子元素;語法“$("E > F")”,其中E為父元素,而F為子元素,表示的是選擇了E元素下的全部子元素F。
本教程操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
在jquery中,“>”指的是一個子元素選擇器,是層次選擇器的一種。
子元素選擇器(E>F
)只能選擇某元素的子元素,其中E為父元素,而F為子元素,其中E>F所表示的是選擇了E元素下的全部子元素F。
語法:
$("E > F")
jQuery 中所有選擇器都以美元符號開頭:$()。
返回值:返回匹配的結果集
示例:
<!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元素中的子元素,并且必須為子元素集合中的第一個元素,以下為匹配的元素(紫色)
以上就是“jquery中>指的是什么”這篇文章的所有內容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學習更多的知識,請關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。