zoukankan      html  css  js  c++  java
  • jqurey 简单的,我也简单

    ________________________<jqurey>_______________________
    size()求对象集合中的个数
    each()遍历对象
    prop()获取某个元素属性,相似attr()
    is()判断某个元素符合某个表达式 成功返回true
    attr()属性不是html具有的,人为加的属性
    childer()某个元素的子元素
    append()向匹配元素添加内容
    text()获取元素的文本
    get()获取集合中的某个元素
    html()相当于innerHTML,向元素的内部插入一段HTML
    :readoinly 只读
    ————————————属性操作
    prop()四种用法
    removeProp()移除属性
    attr()四种用法 前缀(data-属性名)
    removeAttr()移除属性
    data()获取元素中 data-前缀的属性
    remoreData() 移除data-前缀的属性
    ————————————class操作
    <script type="text/javascript" src="/jquery/jquery.js"></script> addClass 添加class
    <script type="text/javascript"> removeClass 移除class
    $(document).ready(function(){ hasClass 判断是否有这个class
    $("button").on(click,function(){
    if($("p:first").hasClass("intro") == false)
    $("p:first").addClass("show").addClass("intro");
    else
    $("p:first").addClass("intro");
    });
    });
    </script>
    <style type="text/css">
    .intro
    {
    font-size:120%;
    color:red;
    }
    </style>
    </head>

    <body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <button>向第一个 p 元素添加一个类</button>


    ---------------------------元素的查找
    children() 下一代 查找当前元素的所有子
    find() 查找当前元素所有后代
    next() 当前元素后面相邻的兄弟元素
    nextAll()当前元素后面所有兄弟元素
    prev() 当前元素前面集邻的兄弟元素
    prev() 当前元素前面所有兄弟元素
    siblings() 当前元素所有兄弟元
    parent() 找当前元素的上一辈元素
    parents()找当前元素所有的父元素
    parents Until()直到找父元素有的第一个匹配元素为止
    $(document).ready(function(){
    $('li.nav-link').hide();
    $('li.nav-item').on('click',function(){
    //$(this).parent().find('li.nav-link').slideUp(600);
    $(this).siblings().find('li.nav-link').slideUp(600);
    $(this).find('li.nav-link').slideToggle(600);
    });
    });
    -------------------------DOM插入和删除
    $(document).ready(function(){
    var a = $('#plot').html();//相当于DOM对象中的innerHTML直接插入
    var a = $('#plot').html('<a>sagsagsad</a>');
    comsole.log(a);
    var a = $('#plot').append();//$.append(不能是选择器只能是一段HTML); 内部插入
    });
    html(content)将content插入到当前元素内部
    append(content)将content插入到当前元素内部元素后面
    delegate()动态元素加事件
    undelegate()移除动态元素事件
    ☆加入的节点动态元素加、删事件不能用.on 必须用delegate和undelegate添加移除

  • 相关阅读:
    我眼中的性能测试工程师
    珠海沙龙 《如何Hold性能测试》圆满结束!
    Silverlight性能测试工具
    性能测试十大误区
    珠海沙龙 《如何Hold性能测试》
    LoadRunner性能测试实战训练【广州 11月 晚班】
    pylot 一款开源的web性能测试工具
    用p6spy进行JDBC性能监控
    LoadRunner发送SNMP协议包
    用JMeter来测试Tomcat的性能
  • 原文地址:https://www.cnblogs.com/yucaiyun/p/7018163.html
Copyright © 2011-2022 走看看