//jq對象和原生對象可以相互轉(zhuǎn)化
//原則上兩者可以混用
//1.jq對象如何轉(zhuǎn)化原生對象
//原生轉(zhuǎn)1.寫成.css? 2.改變前面的$
//jq轉(zhuǎn)原生 1.$()[0]? 因為打印$時候第一個是元素對象? 2.$().get(0)? ? )
$('#test')[0].style.height = "100px";
$('#test').get(0).style.background = "red";//實際用法
//2.js原生對象如何轉(zhuǎn)化為jq對象
var test = document.getElementById("test");
//假如你不是知道這個是不是jq? 可以轉(zhuǎn)換為jq 多轉(zhuǎn)沒事 $()
//轉(zhuǎn)原生
$(test).css({
height:"100px",//(這里類似對象了 用逗號)
background:"red"
})
//遍歷節(jié)點
//1.children
// $('bbb')[0].children? 原生
//$('bbb').children("h2");? //獲取bbb里面所有的子節(jié)點 后面children可以有參數(shù)(里面填的就是你想要改變得)
//2.next() 獲取匹配元素的緊鄰的同輩元素
//3.siblings 獲取除了這個同輩元素
//4.parent()獲得當前匹配元素集合中每個元素的父元素
//5.prev()獲取匹配元素集合中每個元素緊鄰的前一個同輩元素
//6.find()獲得當前匹配元素集合中每個元素的后代
//這個方法必須得填參數(shù) 不然找不到
//7.add()將元素加到元素添加到元素的集合中
//8.each() 對jq對象進行遍歷? 為每個匹配元素執(zhí)行函數(shù)
//$('').each(function(index,ele){})? 接受兩個參數(shù) 和map()參數(shù)相反? 還有map()一定要reuturn出來
//9.end() 結(jié)束當前鏈中最近的一次篩選操作 并將匹配元素集合返回到前一次的狀態(tài)
// $('li2').prev().parent().parent().siblings().end().css(){}
//10.eq()將匹配元素集合縮減為位于制定索引的新元素
//$('.tag1').eq(1)從tag1里面先全部拿出來 然后在里面選擇下標為1的元素
//$('.tag1:eq(1)') 直接從tag1里面拿出下標為1的元素
//獲取的都是jq對象? 下標都是1
//11.filter() 將匹配元素集合縮減為匹配選擇器或者匹配函數(shù)返回值得新元素
//12.has()將匹配元素集合縮減為包含特定元素的后代的集合
// $("div").has("p").css({
// border:"1px solid red"
// });
//13.is()根據(jù)選擇器檢查當前匹配元素集合，存在至少一個匹配元素，則返回true
//console.log($("li").is(".tag1"));
//14. .not()
//$("li").not("#li1").css("border","1px solid red")
//15. .parents() 獲得當前匹配元素集合中每個元素的祖先元素，由選擇器篩選(可選)
//$("#li1").parent().css("border","1px solid red")
//16.addClass()相匹配的元素添加制定的類名
//17.hasClass()判斷匹配元素是否含有某個class名
// $('#li').hasClass('.tag2');
//html()設(shè)置或返回匹配的元素集合中的html內(nèi)容
//$('wrap').html('hha');
//19.removeAttr()從所有匹配的元素中移除制定的屬性
//20.reomoveClass()從所有匹配的元素中刪除全部或者制定的類
//21. toggleClass() 從匹配的元素中添加或刪除一個類
//匹配元素有這個 class 名就刪除，沒有就添加
//$("li").toggleClass("tag1")
//22. val() 設(shè)置或返回匹配元素的值，用在表單元素
//相當于 js 里面的 value
//設(shè)置
//$("input").val("你看誰")
//獲取
//console.log($("input").val())
