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名其他元素都被选中    与上个效果相反

原文地址:https://www.cnblogs.com/hwj123/p/5240435.html