-
子元素 ">" 后代元素 " "http://空格 兄弟元素 "+" 相鄰元素 "~"查看全部
-
元素選擇器：根據(jù)給定（html）標(biāo)記名稱選擇所有的元素 描述： $( "element" ) 搜索指定元素標(biāo)簽名的所有節(jié)點，這個是一個合集的操作。同樣的也有原生方法getElementsByTagName()函數(shù)支持 右邊編輯器代碼所示： 第一組：通過getElementsByTagName方法得到頁面所有的<div>元素 var divs = document.getElementsByTagName('div'); divs是dom合集對象，通過循環(huán)給每一個合集中的<div>元素賦予新的boder樣式 第二組：同樣的效果，$("p")選取所有的<p>元素，通過css方法直接賦予樣式查看全部
-
類選擇器，顧名思義，通過class樣式類名來獲取節(jié)點 描述： $( ".class" ) 類選擇器，相對id選擇器來說，效率相對會低一點，但是優(yōu)勢就是可以多選查看全部
-
id選擇器：一個用來查找的ID，即元素的id屬性 $( "#id" ) id選擇器也是基本的選擇器，jQuery內(nèi)部使用JavaScript函數(shù)document.getElementById()來處理ID的獲取。原生語法的支持總是非常高效的，所以在操作DOM的獲取上，如果能采用id的話盡然考慮用這個選擇器 值得注意： id是唯一的，每個id值在一個頁面中只能使用一次。如果多個元素分配了相同的id，將只匹配該id選擇集合的第一個DOM元素。但這種行為不應(yīng)該發(fā)生;有超過一個元素的頁面使用相同的id是無效的查看全部
-
相比較jQuery轉(zhuǎn)化成DOM，開發(fā)中更多的情況是把一個dom對象加工成jQuery對象。$(參數(shù))是一個多功能的方法，通過傳遞不同的參數(shù)而產(chǎn)生不同的作用。 如果傳遞給$(DOM)函數(shù)的參數(shù)是一個DOM對象，jQuery方法會把這個DOM對象給包裝成一個新的jQuery對象 通過$(dom)方法將普通的dom對象加工成jQuery對象之后，我們就可以調(diào)用jQuery的方法了 HTML代碼 <div>元素一</div> <div>元素二</div> <div>元素三</div> JavaScript代碼 var div = document.getElementsByTagName('div'); //dom對象 var $div = $(div); //jQuery對象 var $first = $div.first(); //找到第一個div元素 $first.css('color', 'red'); //給第一個元素設(shè)置顏色 通過getElementsByTagName獲取到所有div節(jié)點的元素，結(jié)果是一個dom合集對象，不過這個對象是一個數(shù)組合集(3個div元素)。通過$(div)方法轉(zhuǎn)化成jQuery對象，通過調(diào)用jQuery對象中的first與css方法查找第一個元素并且改變其顏色。查看全部
-
jQuery對象轉(zhuǎn)化成DOM對象 jQuery庫本質(zhì)上還是JavaScript代碼，它只是對JavaScript語言進(jìn)行包裝處理，為了是提供更好更方便快捷的DOM處理與開發(fā)常見中經(jīng)常使用的功能。我們可以用jQuery的同時也能混合JavaScript原生代碼一起使用。通過jQuery生成的對象是一個做了包裝處理的對象，如果要用jQuery對象自己的方法，就需要滿足這個對象是通過jQuery生成的。 在很多場景中，我們需要jQuery與DOM能夠相互的轉(zhuǎn)換，它們都是操作的DOM元素，jQuery是一個類數(shù)組對象，DOM對象就是一個單獨的DOM元素。 如何把jQuery對象轉(zhuǎn)成DOM對象？ 利用數(shù)組下標(biāo)的方式讀取到j(luò)Query中的DOM對象 HTML代碼 <div>元素一</div> <div>元素二</div> <div>元素三</div> JavaScript代碼 var $div = $('div') //jQuery對象 var div = $div[0] //轉(zhuǎn)化成DOM對象 div.style.color = 'red' //操作dom對象的屬性 用jQuery找到所有的div元素（3個），因為jQuery 對象也是一個數(shù)組結(jié)構(gòu)，可以通過數(shù)組下標(biāo)索引找到第一個div元素，通過返回的div對象然后調(diào)用它style屬性然修改第一個div元素的顏色。這里需要注意的一點是，數(shù)組的索引是從0開始的，也就是第一個元素下標(biāo)是0 通過jQuery自帶的get()方法 jQuery對象自身提供一個.get() 方法允許我們直接訪問jQuery對象中相關(guān)的DOM節(jié)點，get方法中提供一個元素的索引： var $div = $('div') //jQuery對象 var div = $div.get(0) //通過get方法，轉(zhuǎn)化成DOM對象 div.style.color = 'red' //操作dom對象的屬性 其實我們翻開源碼，看看就知道了，get方法就是利用的第一種方式處理的，只是包裝成一個get讓開發(fā)者更直接方便的使用。查看全部
-
對于才開始接觸jQuery庫的初學(xué)者，我們需要清楚認(rèn)識一點：<br> jQuery對象與DOM對象是不一樣的 通過一個簡單的例子，簡單區(qū)分下jQuery對象與DOM對象： <p id=”imooc”></p> 我們要獲取頁面上這個id為imooc的div元素，然后給這個文本節(jié)點增加一段文字：“您好！通過慕課網(wǎng)學(xué)習(xí)jQuery才是最佳的途徑”，并且讓文字顏色變成紅色。 1 普通處理，通過標(biāo)準(zhǔn)JavaScript處理： var p = document.getElementById('imooc'); p.innerHTML = '您好！通過慕課網(wǎng)學(xué)習(xí)jQuery才是最佳的途徑'; p.style.color = 'red'; 通過原生DOM模型提供的document.getElementById(“imooc”) 方法獲取的DOM元素就是DOM對象，通過DOM方法將自己的innerHTML與style屬性處理文本與顏色。 2 jQuery的處理： var $p = $('#imooc'); $p.html('您好！通過慕課網(wǎng)學(xué)習(xí)jQuery才是最佳的途徑').css('color','red'); 通過$('#imooc')方法會得到一個$p的jQuery對象，$p是一個類數(shù)組的對象這個對象里面其實是包含了DOM對象的信息的然后封裝了很多操作方法，調(diào)用自己的方法html與css處理，得到的效果與標(biāo)準(zhǔn)的JavaScript處理結(jié)果是一致的。 通過標(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進(jìn)行開發(fā)，同時代碼也會更加精短查看全部
-
* {padding: 0; margin: 0;} $("*"); document.getElementByTagName("*");查看全部
-
IE會將注釋節(jié)點實現(xiàn)為元素，所以在IE中調(diào)用getElementsByTagName里面會包含注釋節(jié)點，這個通常是不應(yīng)該的 getElementById的參數(shù)在IE8及較低的版本不區(qū)分大小寫 IE7及較低的版本中，表單元素中，如果表單A的name屬性名用了另一個元素B的ID名并且A在B之前，那么getElementById會選中A IE8及較低的版本，瀏覽器不支持getElementsByClassName查看全部
-
>:子選擇器 ：后代選擇器 +：相鄰兄弟選擇器 ~：一般兄弟選擇器查看全部
-
none:無邊框 hiddle：隱藏邊框，ie不支持 dotted：點線 dashed：虛線 double：雙線邊框 groove：根據(jù)border-color的值畫3d凹槽 ridge： 根據(jù)border-color的值畫菱形邊框 inset：3d凹變 outset：根據(jù)border-color的值畫2d凸邊查看全部
-
id在頁面中只能出現(xiàn)一次，如果有多個id將只匹配第一個查看全部
-
dom對象轉(zhuǎn)換成jquery對象（getElementByTagName獲取到的是集合）！查看全部
-
.get()方法 jquery對象和dom對象的轉(zhuǎn)換查看全部
-
這里html和text的區(qū)別不是很明顯！查看全部
舉報
0/150
提交
取消