zoukankan      html  css  js  c++  java
  • js常用方法

    ①replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

    字符串1.replace(/s/g,"") : 将字符串1所有的空格替换为“”,及去掉空格

    字符串2.replace(/-/g,""):将字符串2所有的 - 替换为“”,及去掉 - 

    注:/ /g 代表全局的意思

    var newAttr = ['a','b','c'],temp='a';

    jQuery中:$.inArray(temp, newArr)判断数组中是否存在某一个元素

    返回下标,如果存在返回值为>=0;

    ②$('#id')[0] : 判断某个节点是否存在,可在其后面加  [0]   打印看是否有内容

    Jquery中children与find之间的区别

    <table id="tb">
            <tr>
                <td>0</td>
                <td>1</td>
                <td>2</td>
            </tr>
            <tr>
                <td>3</td>
                <td>4</td>
                <td>5</td>
            </tr>
     </table>

    如果我要获取第二个tr里的第二个td的值:

    children:

    $("#tb").children("tr:eq(1) td:eq(1)").html()

    find:

    $("#tb").find("tr:eq(1) td:eq(1)").html()

     结果,通过children获取的值为:null,而通过find获取的值为:4 这是为什么呢?

      通过children获取的是该元素的下级元素,而通过find获取的是该元素的下级所有元素。

      这时回到上面,我们可以得出,$("#tb").children() 获取的是两个tr元素(不包括它们子元素td),

      而children里面的选择器则是在获取的两个tr元素里再根据条件进行筛选,所以上面那种写法获取不到值。

      如果一定用children我们可以这样写:

    $("#tb").children("tr:last").children("td:eq(1)").html()

    ④jQuery 操作 CSS

    • addClass() - 向被选元素添加一个或多个类
    • removeClass() - 从被选元素删除一个或多个类
    • toggleClass() - 对被选元素进行添加/删除类的切换操作         
      $("h1,h2,p").toggleClass("blue");
      
    • css() - 设置或返回样式属性

    ⑤jQuery 删除

    • remove() - 删除被选元素(及其子元素)
    • empty() - 从被选元素中删除子元素(不删除本身元素)

    ⑥js中map的存取值

    var myMap = new Map();
      // 添加键
      myMap.set("a", "和键'a string'关联的值");
      myMap.set("b", "和键keyObj关联的值");
      myMap.set("c", "和键keyFunc关联的值");
      console.log(myMap);
      console.log(myMap.size);
      // 读取值
      console.log(myMap.get("a"));
      myMap.forEach(function(value, key) {
          console.log(key + " = " + value);
        }, myMap);

      myMap.forEach(function (item, key, mapObj) {
        console.log('@#@@@@@@@@@@@@@'+item);
        console.log('@#@@@@@@@@@@@@@'+key);
        console.log('@#@@@@@@@@@@@@@'+mapObj);
      });

    var map = {};
      map['a'] = "aaaaaaa";
      map['b'] = "bbbbbbb";
      console.log(map);
      console.log(map.a);
      console.log(map['a']);
  • 相关阅读:
    10_23自定义签发token,其他drf组件
    10_22频率认证和jwt
    10_21 三大认证
    vue2.0实现过滤
    windows下零基础gulp构建
    vue1.0+vue2.0实现选项卡
    数组去重方法
    stop()在animate中的用法
    两边固定,中间自适应
    JS获取宽度高度大集合
  • 原文地址:https://www.cnblogs.com/gaomanito/p/8384978.html
Copyright © 2011-2022 走看看