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添加移除

  • 相关阅读:
    css知识小结(更新中)
    vim的简易操作
    shell语言学习(更新中)
    An Introduction to C & GUI Programming -----Simon Long 学习笔记 1
    fread,fwrite(二)
    fread,fwrite(一)
    printf 打印颜色
    容斥原理及证明
    字典的认识和使用 day05
    列表和元祖的使用 day 04
  • 原文地址:https://www.cnblogs.com/yucaiyun/p/7018163.html
Copyright © 2011-2022 走看看