jq对象

//jq对象和原生对象可以相互转化

//原则上两者可以混用

//1.jq对象如何转化原生对象

//原生转1.写成.css  2.改变前面的$

//jq转原生 1.$()[0]  因为打印$时候第一个是元素对象  2.$().get(0)    )

$('#test')[0].style.height = "100px";

$('#test').get(0).style.background = "red";//实际用法

//2.js原生对象如何转化为jq对象

var test = document.getElementById("test");

//假如你不是知道这个是不是jq  可以转换为jq 多转没事 $()

//转原生

$(test).css({

height:"100px",//(这里类似对象了 用逗号)

background:"red"

})

//遍历节点

//1.children

// $('bbb')[0].children  原生

//$('bbb').children("h2");  //获取bbb里面所有的子节点 后面children可以有参数(里面填的就是你想要改变得)

//2.next() 获取匹配元素的紧邻的同辈元素

//3.siblings 获取除了这个同辈元素

//4.parent()获得当前匹配元素集合中每个元素的父元素

//5.prev()获取匹配元素集合中每个元素紧邻的前一个同辈元素

//6.find()获得当前匹配元素集合中每个元素的后代

//这个方法必须得填参数 不然找不到

//7.add()将元素加到元素添加到元素的集合中

//8.each() 对jq对象进行遍历  为每个匹配元素执行函数

//$('').each(function(index,ele){})  接受两个参数 和map()参数相反  还有map()一定要reuturn出来

//9.end() 结束当前链中最近的一次筛选操作 并将匹配元素集合返回到前一次的状态

// $('li2').prev().parent().parent().siblings().end().css(){}

//10.eq()将匹配元素集合缩减为位于制定索引的新元素

//$('.tag1').eq(1)从tag1里面先全部拿出来 然后在里面选择下标为1的元素

//$('.tag1:eq(1)') 直接从tag1里面拿出下标为1的元素

//获取的都是jq对象  下标都是1

//11.filter() 将匹配元素集合缩减为匹配选择器或者匹配函数返回值得新元素

//12.has()将匹配元素集合缩减为包含特定元素的后代的集合

// $("div").has("p").css({

// border:"1px solid red"

// });

//13.is()根据选择器检查当前匹配元素集合，存在至少一个匹配元素，则返回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()设置或返回匹配的元素集合中的html内容

//$('wrap').html('hha');

//19.removeAttr()从所有匹配的元素中移除制定的属性

//20.reomoveClass()从所有匹配的元素中删除全部或者制定的类

//21. toggleClass() 从匹配的元素中添加或删除一个类

//匹配元素有这个 class 名就删除，没有就添加

//$("li").toggleClass("tag1")

//22. val() 设置或返回匹配元素的值，用在表单元素

//相当于 js 里面的 value

//设置

//$("input").val("你看谁")

//获取

//console.log($("input").val())