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