-
jQuery選擇器之元素選擇器
語法：
$('element')
dom語法：
document.getElementByTagName('div')
查看全部 -
jQuery選擇器之類選擇器
語法：
$('.class')
dom語法：
document.getElementByClassname('class')
查看全部 -
jQuery選擇器之id選擇器
語法：
$( "#id" )
dom語法：
document.getElementById('id')
查看全部 -
jquery的 id 選擇器：
語法：$("id")
查看全部 -
將dom對象轉(zhuǎn)換成jQuery對象：
先用dom讀取元素的方法讀取到元素保存為dom值，
把dom值用$(dom)的方法轉(zhuǎn)換成jquery對象
補(bǔ)充：
.eq(index):將集合中的索引為index的元素提取出來.
first():返回集合中的第一個元素.
.last():返回集合中的最后一個元素.
.slice(start[,end]):返回集合中的給定區(qū)間段的元素.查看全部 -
jquery對象轉(zhuǎn)化成dom對象：
jquery對象是類數(shù)組對象，dom對象是單獨(dú)的dom元素，
例如：
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
一：利用數(shù)組下標(biāo)的方式讀取到j(luò)Query中的DOM對象
var $div = $('div') // 讀取為jQuery對象
var div = $div[0]? // 將jQuery對象轉(zhuǎn)化為dom對象
div.style.color="red"? ?// 對dom對象操作
二、通過jQuery自帶的get()方法
var $div = $('diiv')
var div = $div.get(0)? //通過get方法找到元素，轉(zhuǎn)化為dom對象
div.style.color="red"??// 對dom對象操作
查看全部 -
環(huán)境搭建：
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
查看全部 -
jquery對象與DOM對象：
dom對象需要先獲取，然后調(diào)用相關(guān)方法實(shí)現(xiàn)操作，jQuery封裝了許多方法 方便調(diào)用。
查看全部 -
jquery的hello world體驗(yàn)：
$(document).ready (...)的作用是等頁面的文檔（document）中的節(jié)點(diǎn)都加載完畢后，再執(zhí)行后續(xù)的代碼，因?yàn)槲覀冊趫?zhí)行代碼的時候，可能會依賴頁面的某一個元素，我們要確保這個元素真正的的被加載完畢后才能正確的使用。
查看全部 -
jQuery環(huán)境搭建：
jQuery是一個JavaScript腳本庫，不需要特別的安裝，只需要我們在頁面 <head> 標(biāo)簽內(nèi)中，通過 script 標(biāo)簽引入 jQuery 庫
查看全部 -
$(".imooc").css()方法內(nèi)部肯定是帶了一個隱式的循環(huán)處理查看全部
-
頁面的任何操作都需要節(jié)點(diǎn)的支撐，開發(fā)者如何快速高效的找到指定的節(jié)點(diǎn)也是前端開發(fā)中的一個重點(diǎn)。查看全部
-
選擇器的類型查看全部 -
獲取Attribute就需要用attr，獲取Property就需要用prop
查看全部 -
選擇器中的層級選擇器就是用來處理這種關(guān)系
子元素 后代元素 兄弟元素 相鄰元素
層級選擇器都有一個參考節(jié)點(diǎn)
后代選擇器包含子選擇器的選擇的內(nèi)容
一般兄弟選擇器包含相鄰兄弟選擇的內(nèi)容
相鄰兄弟選擇器和一般兄弟選擇器所選擇到的元素，必須在同一個父元素下
? //子選擇器
? ? ? ? //$('div > p') 選擇所有div元素里面的子元素P
? ? ? ? $('div>p').css("border", "1px groove red");
//后代選擇器
? ? ? ? //$('div? p') 選擇所有div元素里面的p元素
? ? ? ? $('div p').css("border", "1px groove red");
//相鄰兄弟選擇器
? ? ? ? //選取prev后面的第一個的div兄弟節(jié)點(diǎn)
? ? ? ? $('.prev + div').css("border", "3px groove blue");
//一般相鄰選擇器
? ? ? ? //選取prev后面的所有的div兄弟節(jié)點(diǎn)
? ? ? ? $('.prev ~ div').css("border", "3px groove blue");
查看全部
舉報(bào)