jQuery常用且重要方法汇总


Posted in Javascript onJuly 13, 2015

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

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

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

Javascript 相关文章推荐
如何用javascript判断录入的日期是否合法
Jan 08 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
Feb 19 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
常见的javascript跨域通信方法
Dec 31 Javascript
理解javascript中的严格模式
Feb 01 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
Sep 18 Javascript
EasyUI 结合JS导出Excel文件的实现方法
Nov 10 Javascript
浅谈AngularJS中$http服务的简单用法
May 15 Javascript
javascript实现鼠标点击生成文字特效
Dec 24 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
Jan 04 Javascript
在VUE style中使用data中的变量的方法
Jun 19 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
Nov 16 Javascript
C#中使用迭代器处理等待任务
Jul 13 #Javascript
浅谈jquery.fn.extend与jquery.extend区别
Jul 13 #Javascript
jQuery中extend函数详解
Jul 13 #Javascript
浅谈javascript原型链与继承
Jul 13 #Javascript
jQuery实现自定义checkbox和radio样式
Jul 13 #Javascript
javascript作用域问题实例分析
Jul 13 #Javascript
javascript中使用正则表达式清理table样式的代码
Apr 01 #Javascript
You might like
浅析PHP水印技术
2007/02/14 PHP
简单介绍下 PHP5 中引入的 MYSQLI的用途
2007/03/19 PHP
PHP 组件化编程技巧
2009/06/06 PHP
php-fpm配置详解
2014/02/12 PHP
PHP实现添加购物车功能
2017/03/06 PHP
php readfile()修改文件上传大小设置
2017/08/11 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
不用构造函数(Constructor)new关键字也能实现JavaScript的面向对象
2013/01/11 Javascript
JQuery文字列表向上滚动的代码
2013/11/13 Javascript
JQuery中操作Css样式的方法
2014/02/12 Javascript
JQuery获取表格数据示例代码
2014/05/26 Javascript
nodejs实现黑名单中间件设计
2014/06/17 NodeJs
JavaScript实现简单获取当前网页网址的方法
2015/11/09 Javascript
学习AngularJs:Directive指令用法(完整版)
2016/04/26 Javascript
JS实现动画兼容性的transition和transform实例分析
2016/12/13 Javascript
浅谈angular4生命周期钩子
2017/09/05 Javascript
layui的面包屑或者表单不显示的解决方法
2019/09/05 Javascript
Python中使用urllib2防止302跳转的代码例子
2014/07/07 Python
下载python中Crypto库报错:ModuleNotFoundError: No module named ‘Crypto’的解决
2018/04/23 Python
python 文件转成16进制数组的实例
2018/07/09 Python
实例分析python3实现并发访问水平切分表
2018/09/29 Python
在Python中输入一个以空格为间隔的数组方法
2018/11/13 Python
Python 实现王者荣耀中的敏感词过滤示例
2019/01/21 Python
python框架django项目部署相关知识详解
2019/11/04 Python
简单了解Django ORM常用字段类型及参数配置
2020/01/07 Python
python实现马丁策略的实例详解
2021/01/15 Python
美国购买肉、鸭、家禽、鹅肝和熟食网站:D’Artagnan
2018/11/13 全球购物
计算机专业应届生求职信
2014/04/06 职场文书
2014中考励志标语
2014/06/05 职场文书
旅游与环境专业求职信
2014/06/05 职场文书
公司活动总结怎么写
2014/06/25 职场文书
2014年重阳节敬老活动方案
2014/09/16 职场文书
群众路线教育实践活动自我剖析思想汇报
2014/10/04 职场文书
市场营销计划书范文
2015/01/16 职场文书
研究生简历自我评
2015/03/11 职场文书
微软团队与 NASA 科学家和惠普企业(HPE)的工程师合作
2022/04/21 数码科技