zoukankan      html  css  js  c++  java
  • jQuery之常用且重要方法梳理(target,arguments,slice,substring,data,trigger,Attr)-(一)

    1.jquery  data(name)

    data() 方法向被选元素附加数据,或者从被选元素获取数据。

    $("#btn1").click(function(){
      $("div").data("greeting", "Hello World");
    });
    $("#btn2").click(function(){
      alert($("div").data("greeting"));
    });

    2.jquery arguments

    arguments是指向实参对象的引用,实参对象是一个类数组对象 .

    arguments 的索引 从 0, 1,2,....递增,与实参逐个对应.

    arguments.length 属性代表实参的个数

    arguments一定不是数组, 是长的比较像数组的一个对象,虽然也有length属性

    arguments每个函数都会有,因此,arguemnts只会在内部找自身的arguments,无法引用到外层的arguments

    // 求圆形面积,矩形面积, 三角形面积
      function area () {
      if(arguments.length == 1) {
      alert(3.14 * arguments[0] * arguments[0]);
      } else if(arguments.length == 2) {
      alert(arguments[0] * arguments[1]);
      } else if(arguments.length == 3) {
      alert(arguments[0] + arguments[1] + arguments[2]);
      } else {
      return null;
      }
      }
    
    
    //调用
      area(10,20,30);
      

    3.jquery target()     event.target

    target 属性规定哪个 DOM 元素触发了该事件。

    $("p, button, h1, h2").click(function(event){
      $("div").html("Triggered by a " + event.target.nodeName + " element.");
    });
    
    <p></p>
    
    <button></button>
    
    <h1></h1>
    
    <h2></h2>
    
    //当点击p标签的时候显示:点击事件由 P 元素触发
    ....

    4.jquery trigger(event,[参1,参2,...])

    trigger() 方法触发被选元素的指定事件类型。(可自定义事件,可以传参)自定义事件非常重要且有用!

     //myEvent为自定义事件名
    
            $("#p1").bind("myEvent",function(str1,str2) {
    
                   alert(str1 + ' ' + str2); 
    
              });  
    
             $("#p1").trigger("myEvent",["Hello","World"]); 
    
    //也可以这样写:
    
        $("#p1").bind("myEvent",function(str1,str2) {
    
                   alert(str1 + ' ' + str2); 
    
              }).trigger("myEvent",["Hello","World"]); 

    5.js substring(start,stop)

    substring() 方法用于提取字符串中介于两个指定下标之间的字符。

    substring() 方法返回的子串包括 start 处的字符,但不包括 stop 处的字符。

     

    var str="Helloworld!"
    document.write(str.substring(3,7))
    
    //结果
    lowo
    
    var str="Hello  world!"//有两个空字符
    document.write(str.substring(3,7))
    
    //结果
    lo
    
    //两者的结果有区别,字符串之间的空字符串占用索引!

    看清楚 没有r 这个stop处的字符!

    重要事项: slice() 和 substr() 方法不同的是,substring() 不接受负的参数。

    6.js slice(start,stop)

    slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。与上面的substring一样不包括 stop处的字符;

    还有一个不同是:start,stop可以使用负数!也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。

     

     7.Attr与removeAttr

    <1>Attr用法一:设置单个值

    $(selector).attr(attribute,value)

    $("img").attr("width","180");

    <2>Attr用法二:设置多个值

    $(selector).attr({attribute:valueattribute:value ...})

    $("img").attr({"50",height:"80"});

    <3>Attr用法三:使用函数设置属性

     $(selector).attr(attribute,function(index,oldvalue))

    index:选择器的 index 值

    oldvalue:当前属性值

    $("img").attr("width",function(n,v){
          return v-50;
        });

    <4>removeAttr

    $(selector).removeAttr(attribute)

    $("p").removeAttr("style");
     
  • 相关阅读:
    leetcode-788-Rotated Digits(使用vector替代if else的逐个判断)
    leetcode-771-Jewels and Stones(建立哈希表,降低时间复杂度)
    leetcode-766-Toeplitz Matrix(每一条对角线元素的比较)
    leetcode-762-Prime Number of Set Bits in Binary Representation
    leetcode-747-Largest Number At Least Twice of Others(求vector的最大值和次大值)
    Flink中逻辑计划和物理计划的概念划分和对应关系
    Java线程池中线程的生命周期
    在ServletFilter层返回多字段提示给前端
    JavaBIO利用装饰器模式来组织和扩展接口
    SparkShuffle机制
  • 原文地址:https://www.cnblogs.com/zqzjs/p/4640763.html
Copyright © 2011-2022 走看看