<script type="text/javascript">
//查找所有div中,屬性name=p1的div元素
$("div[name=p1]").css("border", "3px groove red");
</script>
<script type="text/javascript">
//查找所有div中,有屬性p2的div元素
$("div[p2]").css("border", "3px groove blue");
</script>
//查找所有div中,屬性name=p1的div元素
$("div[name=p1]").css("border", "3px groove red");
</script>
<script type="text/javascript">
//查找所有div中,有屬性p2的div元素
$("div[p2]").css("border", "3px groove blue");
</script>
2016-07-28
如果元素中占據(jù)文檔中一定的空間,元素被認(rèn)為是可見的。
可見元素的寬度或高度,是大于零。
元素的visibility: hidden 或 opacity: 0被認(rèn)為是可見的,因為他們?nèi)匀徽加每臻g布局。
不在文檔中的元素是被認(rèn)為是不可見的,如果當(dāng)他們被插入到文檔中,jQuery沒有辦法知道他們是否是可見的,因為元素可見性依賴于適用的樣式
可見元素的寬度或高度,是大于零。
元素的visibility: hidden 或 opacity: 0被認(rèn)為是可見的,因為他們?nèi)匀徽加每臻g布局。
不在文檔中的元素是被認(rèn)為是不可見的,如果當(dāng)他們被插入到文檔中,jQuery沒有辦法知道他們是否是可見的,因為元素可見性依賴于適用的樣式
2016-07-27
我們有下面幾種方式可以隱藏一個元素:
CSS display的值是none。
type="hidden"的表單元素。
寬度和高度都顯式設(shè)置為0。
一個祖先元素是隱藏的,該元素是不會在頁面上顯示
CSS visibility的值是hidden
CSS opacity的指是0
CSS display的值是none。
type="hidden"的表單元素。
寬度和高度都顯式設(shè)置為0。
一個祖先元素是隱藏的,該元素是不會在頁面上顯示
CSS visibility的值是hidden
CSS opacity的指是0
2016-07-27
1)contains與:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素
2)如果:contains匹配的文本包含在元素的子元素中,同樣認(rèn)為是符合條件的。
3)parent與:empty是相反的,兩者所涉及的子元素,包括文本節(jié)點
2)如果:contains匹配的文本包含在元素的子元素中,同樣認(rèn)為是符合條件的。
3)parent與:empty是相反的,兩者所涉及的子元素,包括文本節(jié)點
2016-07-27
在這么多屬性選擇器中[attr="value"]和[attr*="value"]是最實用的
[attr="value"]能幫我們定位不同類型的元素,特別是表單form元素的操作,比如說input[type="text"],input[type="checkbox"]等
[attr*="value"]能在網(wǎng)站中幫助我們匹配不同類型的文件
[attr="value"]能幫我們定位不同類型的元素,特別是表單form元素的操作,比如說input[type="text"],input[type="checkbox"]等
[attr*="value"]能在網(wǎng)站中幫助我們匹配不同類型的文件
2016-07-27
瀏覽器支持:
[att=val]、[att]、[att|=val]、[att~=val] 屬于CSS 2.1規(guī)范
[ns|attr]、[att^=val]、[att*=val]、[att$=val] 屬于CSS3規(guī)范
[name!="value"] 屬于jQuery 擴展的選擇器
[att=val]、[att]、[att|=val]、[att~=val] 屬于CSS 2.1規(guī)范
[ns|attr]、[att^=val]、[att*=val]、[att$=val] 屬于CSS3規(guī)范
[name!="value"] 屬于jQuery 擴展的選擇器
2016-07-27
在練習(xí)時,一下子就理解了:first與:first-child的區(qū)別
2016-07-27
1.IE會將注釋節(jié)點實現(xiàn)為元素,所以在IE中調(diào)用getElementsByTagName里面會包含注釋節(jié)點,這個通常是不應(yīng)該的
2,getElementById的參數(shù)在IE8及較低的版本不區(qū)分大小寫
3,IE7及較低的版本中,表單元素中,如果表單A的name屬性名用了另一個元素B的ID名并且A在B之前,那么getElementById會選中A
IE8及較低的版本,瀏覽器不支持getElementsByClassName
2,getElementById的參數(shù)在IE8及較低的版本不區(qū)分大小寫
3,IE7及較低的版本中,表單元素中,如果表單A的name屬性名用了另一個元素B的ID名并且A在B之前,那么getElementById會選中A
IE8及較低的版本,瀏覽器不支持getElementsByClassName
2016-07-27
var $div = $('div') //jQuery對象
var div = $div[0] //轉(zhuǎn)化成DOM對象
div.style.color = 'red' //操作dom對象的屬性
var $div = $('div') //jQuery對象
var div = $div.get(0) //通過get方法,轉(zhuǎn)化成DOM對象
div.style.color = 'red' //操作dom對象的屬性
var div = $div[0] //轉(zhuǎn)化成DOM對象
div.style.color = 'red' //操作dom對象的屬性
var $div = $('div') //jQuery對象
var div = $div.get(0) //通過get方法,轉(zhuǎn)化成DOM對象
div.style.color = 'red' //操作dom對象的屬性
2016-07-27
通過標(biāo)準(zhǔn)的JavaScript操作DOM與jQuyer操作DOM的對比,我們不難發(fā)現(xiàn):
通過jQuery方法包裝后的對象,是jQuery對象,它是一個新的對象
jQuery與DOM對象完全不是同一個東西,但是又似曾相似,因為他們都能處理DOM
通過jQuery處理DOM的操作,可以讓開發(fā)者更專注業(yè)務(wù)邏輯的開發(fā),而不需要我們具體知道哪個DOM節(jié)點有那些方法,也不需要關(guān)心不同瀏覽器的兼容問題,我們可以通過jQuery更友好的API進行開發(fā),同時代碼也會更加精短
通過jQuery方法包裝后的對象,是jQuery對象,它是一個新的對象
jQuery與DOM對象完全不是同一個東西,但是又似曾相似,因為他們都能處理DOM
通過jQuery處理DOM的操作,可以讓開發(fā)者更專注業(yè)務(wù)邏輯的開發(fā),而不需要我們具體知道哪個DOM節(jié)點有那些方法,也不需要關(guān)心不同瀏覽器的兼容問題,我們可以通過jQuery更友好的API進行開發(fā),同時代碼也會更加精短
2016-07-27
nice!jQuery這門課確實nice!為啥還沒有出Angular JS相關(guān)的教程/(ㄒoㄒ)/~~?
2016-07-27
$(document).ready 的意思是等頁面的文檔(document)中的節(jié)點都加載完畢后,在執(zhí)行后續(xù)的代碼,
2016-07-27
jQuery 只是一個庫,不需要特別的安裝,只需要我們在頁面 <head> 標(biāo)簽內(nèi)中通過 script 標(biāo)簽?zāi)_本引入 jQuery 庫即可。
jQuery 分 2 個系列版本 1.x 與 2.x,主要的區(qū)別 在于 2.x 不再兼容 IE6、7、8 為移動端而優(yōu)化,由于減少了一些代碼,使得該版本比 jQuery 1.x 更小且更快。
jQuery 分 2 個系列版本 1.x 與 2.x,主要的區(qū)別 在于 2.x 不再兼容 IE6、7、8 為移動端而優(yōu)化,由于減少了一些代碼,使得該版本比 jQuery 1.x 更小且更快。
2016-07-27