現在我開始學習前端的js框架jQuery,雖然還要學很多東西,但是我也會堅持下去,萬事開頭難,堅持就是一種人生態度,在我自學的過程中,發現問題,解決問題.沒有什麼可以讓我放棄,我喜歡這個方向,爲之努力.加油
jQuery
入口函數
作用:先加載文檔,在執行這裏面的代碼.
$(function(){
})
jQuery對象
直接用jQuery語法得到的就是jQuery對象
eg:
獲取一個div,這個divl就是一個jQuery對象.
$('div')
- DOM對象和jQuery對象之間可以相互轉換
將一個div轉換成jQuery對象就是
$('div')
- jQuery對象轉換換成DOM對象
兩種方式
$('div')[index] index是索引號
$('div').get(index) index是索引號
jQuery選擇器
這裏我就寫一些常用的就好
$(‘選擇器’) 裏面的選擇器直接寫css的選擇器就行,但是要加引號,單引,雙引都可以;
其實都跟css的選擇器差不多,
$('#id') id選擇器 獲取指定id的元素
$('*') 通配符選擇器 匹配所有原素
$('.class') 類選擇器 獲取同一類class的元素
$('div') 標籤選擇器 獲取同一標籤的所有原素
$('div, span, a') 交集選擇器,可選擇多個元素
$('ul>li') 子代選擇器 獲取親子層級的元素.不包括孫子層級的元素
$('ul li') 後代選擇器 獲取ul下所有li元素,包括孫子
jQuery篩選選擇器
三個常用的
:first $('li:frist') 獲取li元素中的第一個元素
:last $('li:last') 獲取li元素中最後一個li元素
:eq(index) $('li:eq(0)') 獲取li元素中索引號爲0 的元素.
jQuery篩選方法
parent() 查詢父級
find() 查找想要的
children() 相當於 $('ul>li')
siblings() 查找兄弟節點,不包括自身
eq(index) 相當於 :eq(index)
jQuery設置樣式
語法
$('選擇器').css('屬性','值')
jQuery裏面的排他思想
原理就是運用了 siblings()方法
當前的元素設置樣式,其餘兄弟元素清除樣式
基礎先說道這裏,我只是總結一些常用的方法和知識點,希望能幫助大家,也可以幫助自己.後面我會繼續學習,利用jQuery寫一些案例,幫助自己和大家更加熟悉jQuery.如果有錯的希望大家可以提醒我.