zoukankan      html  css  js  c++  java
  • 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名其他元素都被选中    与上个效果相反

  • 相关阅读:
    scrum立会报告+燃尽图(第三周第一次)
    scrum立会报告+燃尽图(第二周第七次)
    scrum立会报告+燃尽图(第二周第六次)
    scrum立会报告+燃尽图(第二周第五次)
    scrum立会报告+燃尽图(第二周第四次)
    006_for
    005_while
    003_if_else
    002_how to use getpass
    图像旋转
  • 原文地址:https://www.cnblogs.com/hwj123/p/5240435.html
Copyright © 2011-2022 走看看