jquery中子元素和后代元素的區(qū)別示例介紹
更新時間：2014年04月02日 15:43:10 作者：
后代，就是當(dāng)前元素的所有后代，都算，子元素，就是當(dāng)前元素的子集，再往下走就不算了
今天學(xué)習(xí)jQuery的選擇器：
jQuery選擇器分為基本選擇器、層次選擇器、過濾選擇器、表單選擇器。
基本選擇器：id,class,標(biāo)簽名，*，元素組合(div,span,p.myClass)
層次選擇器：
難點(diǎn)： jquery中子元素和后代元素的區(qū)別
后代，就是當(dāng)前元素的所有后代，都算，
子元素，就是當(dāng)前元素的子集，再往下走就不算了。
具體的分析可以參考：
<div>This is <strong>very</strong> important.</div>
<div>This is <em>really <strong>very</strong></em> important.</div>
以上是html。運(yùn)行后在瀏覽器里是看到
This is very important.
This is really very important.
這樣的樣式，為了容易看到效果，我們不妨就嘗試用添加css顏色來試一下
如果運(yùn)行$("div strong").css("color","red");就是把div的后代元素strong變?yōu)榧t色。運(yùn)行后是
This is very important.
This is really very important.
如果運(yùn)行$("div>strong").css("color","blue");就是把div的子元素strong變?yōu)樗{(lán)色。運(yùn)行后是
This is very important.
This is really very important.
可以通俗的這樣理解，例如有一家人三代同堂，爺爺，父親和你，這樣話爺爺?shù)淖釉鼐褪悄愀赣H，同時你父親也是爺爺?shù)暮蟠?，而你只是爺爺?shù)暮蟠亍?
jQuery選擇器分為基本選擇器、層次選擇器、過濾選擇器、表單選擇器。
基本選擇器：id,class,標(biāo)簽名，*，元素組合(div,span,p.myClass)
層次選擇器：
難點(diǎn)： jquery中子元素和后代元素的區(qū)別
后代，就是當(dāng)前元素的所有后代，都算，
子元素，就是當(dāng)前元素的子集，再往下走就不算了。
具體的分析可以參考：
復(fù)制代碼 代碼如下:
<div>This is <strong>very</strong> important.</div>
<div>This is <em>really <strong>very</strong></em> important.</div>
以上是html。運(yùn)行后在瀏覽器里是看到
This is very important.
This is really very important.
這樣的樣式，為了容易看到效果，我們不妨就嘗試用添加css顏色來試一下
如果運(yùn)行$("div strong").css("color","red");就是把div的后代元素strong變?yōu)榧t色。運(yùn)行后是
This is very important.
This is really very important.
如果運(yùn)行$("div>strong").css("color","blue");就是把div的子元素strong變?yōu)樗{(lán)色。運(yùn)行后是
This is very important.
This is really very important.
可以通俗的這樣理解，例如有一家人三代同堂，爺爺，父親和你，這樣話爺爺?shù)淖釉鼐褪悄愀赣H，同時你父親也是爺爺?shù)暮蟠?，而你只是爺爺?shù)暮蟠亍?
相關(guān)文章
這篇文章主要介紹了JQuery做的一個簡單的點(diǎn)燈游戲分享,點(diǎn)燈游戲是一個十分有趣的智力游戲,需要的朋友可以參考下2014-07-07
基于jQuery.i18n實(shí)現(xiàn)web前端的國際化
這篇文章主要介紹了基于jQuery.i18n實(shí)現(xiàn)web前端的國際化，具有很好的參考價值，希望對大家有所幫助2018-05-05
這里給大家整理匯總了10款jQuery/CSS3圖片特效插件，效果都非常棒，推薦給大家，有需要的小伙伴參考下2014-12-12
EasyUI在表單提交之前進(jìn)行驗(yàn)證的實(shí)例代碼
這篇文章主要介紹了EasyUI在表單提交之前進(jìn)行驗(yàn)證的實(shí)例代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
jQuery實(shí)現(xiàn)用戶注冊的表單驗(yàn)證示例
用戶注冊的表單往往是需要進(jìn)行驗(yàn)證的，否則會有一些不否合規(guī)則的數(shù)據(jù)入庫，后果會不堪設(shè)想，下面為大家詳細(xì)介紹下通過jquery是如何實(shí)現(xiàn)的，下面有個示例，感興趣的朋友可以參考下2013-08-08
JQuery擴(kuò)展插件Validate 1 基本使用方法并打包下載
Validate是用于B/S結(jié)構(gòu)客戶端驗(yàn)證用的JQuery擴(kuò)展插件,使用時需要引用兩個js文件2011-09-09
這篇文章主要介紹了JQuery手速測試小游戲?qū)崿F(xiàn)思路詳解,本文給大家介紹的非常詳細(xì)，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
這篇文章主要為大家詳細(xì)介紹了jQuery處理XML文件的幾種形式方法,如何使用jQuery解析XML，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要介紹了jquery操作復(fù)選框checkbox的方法,實(shí)例匯總了jQuery針對checkbox進(jìn)行判斷與賦值的各種常用操作技巧,需要的朋友可以參考下2015-02-02
這里為你提供了三種動態(tài)加載js的jquery實(shí)例代碼哦，由于jquery是為用戶提供方便的，所以利用jquery動態(tài)加載文件只要一句話$.getScript(\"test.js\");就OK了。2013-08-08