jquety

---

---

.html() //能够获取元素里的内容包括标签；

.text()  //只能获取到元素里的内容

.val()  //可以得到元素的value值

$(this).index()  //得到点时间发生的哪个元素的下标

---

attr("id");attr("href")  或  attr("id","....")//可以得到元素的属性  或设置属性内容

设置多个属性attr({"href":"http://www.jikexueyuan.com","title":"hello"});

$("#btn5").click(function(){

　　$("#p5").text(function(i,ot){

　　　　return "old:" + ot +"new:这是新的内容"+（i）;

　　});

});

回调返回old 为原来的内容，i=0；

---

.remove(); 将元素全部删除包括元素本身

.empty();将元素里面的子元素全部删除，但会保留元素本身

---

css

.addClass("") //添加一个class名；

.removeClass("")//删除一个class名；

.toggleClass("")//两种状态来回切换

---

元素的遍历

.children('p')只遍历它的儿子辈一级 //可选参数

.find('p')可以遍历到所有儿子辈孙子辈 //必须参数

.parent() //遍历上一级的父元素;

.parents()  //遍历所有父元素，包括body;

$("h4").parentsUntil("div")//h4到div从两个元素之间来进行选择，取中间的所有元素

同一级元素

$("h4").siblings()//除了h4 所有同级的元素都会遍历出来

$("h4").next() //将h4的下一个同级元素给遍历出来

$("h4").nextAll()//将h4下面的同级元素全部给遍历出来

$("p").nextUntil("h6")//获取p到h6中间的所有同级元素   从上到下

$("h4").prev() //将h4的上一个同级元素给遍历出来

$("h4").preAll()//将h4上面的同级元素全部给遍历出来

$("p").preUntilUntil("h6")//获取p到h6中间的所有同级元素   从下到上

---

jQuery.parent(expr)           //找父元素

jQuery.parents(expr)          //找到所有祖先元素，不限于父元素

jQuery.children(expr)        //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙

jQuery.contents()            //查找下面的所有内容，包括节点和文本。

jQuery.prev()                //查找上一个兄弟节点，不是所有的兄弟节点

jQuery.prevAll()             //查找所有之前的兄弟节点

jQuery.next()                //查找下一个兄弟节点，不是所有的兄弟节点

jQuery.nextAll()             //查找所有之后的兄弟节点

jQuery.siblings()            //查找兄弟节点，不分前后

jQuery.find(expr)            //跟jQuery.filter(expr)完全不一样，jQuery.filter(expr)是从初始的

jQuery对象集合中筛选出一部分，而jQuery.find()的返回结果，不会有初始集中

筛选出一部分，而jQuery.find()的返回结果，不会有初始集合中的内容，比如：

$("p").find("span")是从元素开始找，等于$("p span")

---

多个div

$("div p").first()  //获取第一个p标签

$("div p").last()  //获取最后一个p标签

$("div p").eq(下标) //获取下标对应的元素

$(''div p").filter("p")只有满足div 里有p标签才能遍历出来  $("div p").filter("class名")//选中class名的元素

$("div p").not("class名") //除了class名其他元素都被选中    与上个效果相反