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 动态添加表格行
Jun 22 Javascript
在网页里看flash的trace数据的js类
Jan 10 Javascript
让你的网站可编辑的实现js代码
Oct 19 Javascript
jquery阻止冒泡事件使用模拟事件
Sep 06 Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
Sep 27 Javascript
JS中dom0级事件和dom2级事件的区别介绍
May 05 Javascript
canvas实现动态小球重叠效果
Feb 06 Javascript
vue 移动端适配方案详解
Nov 15 Javascript
原生js实现日历效果
Mar 02 Javascript
基于js实现逐步显示文字输出代码实例
Apr 02 Javascript
给原生html中添加水印遮罩层的实现示例
Apr 02 Javascript
React更新渲染原理深入分析
Dec 24 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版(2)
2006/10/09 PHP
PHP3 safe_mode 失效漏洞
2006/10/09 PHP
php通过文件流方式复制文件的方法
2015/03/13 PHP
PHP Opcache安装和配置方法介绍
2015/05/28 PHP
php文件读取方法实例分析
2015/06/20 PHP
PHP开发中AJAX技术的简单应用
2015/12/11 PHP
Laravel使用scout集成elasticsearch做全文搜索的实现方法
2018/11/30 PHP
jQuery源码分析-04 选择器-Sizzle-工作原理分析
2011/11/14 Javascript
Javascript表格翻页效果的具体实现
2013/10/05 Javascript
javascript修改表格背景色实例代码分享
2013/12/10 Javascript
js实现人民币大写金额形式转换
2016/04/27 Javascript
JS中实现函数return多个返回值的实例
2017/02/21 Javascript
vue 指定组件缓存实例详解
2018/04/01 Javascript
Vue编程式跳转的实例代码详解
2019/07/10 Javascript
vant 解决tab切换插件标题样式自定义的问题
2020/11/13 Javascript
[14:56]教你分分钟做大人:巫医
2014/10/30 DOTA
[03:47]2015国际邀请赛第三日现场精彩回顾
2015/08/08 DOTA
[02:59]DOTA2完美大师赛主赛事第三日精彩集锦
2017/11/25 DOTA
Python 的 with 语句详解
2014/06/13 Python
Python中使用tarfile压缩、解压tar归档文件示例
2015/04/05 Python
python中aioysql(异步操作MySQL)的方法
2019/04/11 Python
Python Django Vue 项目创建过程详解
2019/07/29 Python
pyecharts绘制中国2020肺炎疫情地图的实例代码
2020/02/12 Python
Pycharm安装并配置jupyter notebook的实现
2020/05/18 Python
Europcar葡萄牙:葡萄牙汽车和货车租赁
2017/10/13 全球购物
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
美国折扣地毯销售网站:Rugs.com
2020/03/27 全球购物
腾讯公司的一个sql题
2013/01/22 面试题
毕业生个人求职自荐信
2014/02/26 职场文书
甘南现象心得体会
2014/09/11 职场文书
个人自我剖析材料
2014/09/30 职场文书
入党积极分子对十八届四中全会期盼的思想汇报
2014/10/17 职场文书
董事长岗位职责
2015/02/13 职场文书
小学生学习保证书
2015/02/26 职场文书
2015年学生会纪检部工作总结
2015/03/31 职场文书
如何Tomcat中使用ipv6地址
2022/05/06 Servers