前端开发

 首页 > 前端开发 > jquery教程 > jQuery最常用的方法集

jQuery最常用的方法集

分享到:
【字体:
导读:
          今天为大家带来jquery最常用的方法集 1.jquery data(name) data() 方法向被选元素附加数据,或者从被选元素获取数据。 $(#btn1).click(function(){$(div).data(greeting,HelloWorld);});$(#btn2).click(function(){ale...

今天为大家带来jquery最常用的方法集

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 元素触发 ....

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 指倒数第二个字符,以此类推。

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

以上所述就是本文的全部内容了,希望大家能够喜欢。


分享到:
jQuery怎么检测返回值的数据类型
jquery怎么检测数据的返回类型呢? 在代码中,必须明确的知道返回值的数据类型才能够进行正确的计算,或者说需要一个变量的类型 一般我们利用jquery.type方法即可,代码如下: div {  width:200px;  height:100px;  background-color:#660; }  $(document).ready(function(){  var width=$("div").css...
jquery.fn.extend与jquery.extend区别
1.jquery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jquery.fn.extend(object);给jQuery对象添加方法。 $.extend({    add:function(a,b){return a+b;}  });    //$.add(3,4); //return 7 jQuery添加一个为 add的“静态方法”,之后便可以在引入 jQuery 的地方,使用这个方法了. 2.jQuery.fn...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……