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 相关文章推荐
如何解决谷歌浏览器下jquery无法获取图片的尺寸
Sep 10 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
Nov 23 Javascript
javascript算法之二叉搜索树的示例代码
Sep 12 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
Nov 27 Javascript
Vue侧滑菜单组件——DrawerLayout
Dec 18 Javascript
AjaxUpLoad.js实现文件上传功能
Mar 02 Javascript
解决vue A对象赋值给B对象,修改B属性会影响到A的问题
Sep 25 Javascript
从零开始用electron手撸一个截屏工具的示例代码
Oct 10 Javascript
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
Nov 30 Javascript
详解webpack编译速度提升之DllPlugin
Feb 05 Javascript
layui2.0使用table+laypage实现真分页
Jul 27 Javascript
解决VUEX的mapState/...mapState等取值问题
Jul 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
mysql 中InnoDB和MyISAM的区别分析小结
2008/04/15 PHP
php上传文件中文文件名乱码的解决方法
2013/11/01 PHP
PHP下载生成的csv文件及问题总结
2015/08/06 PHP
php+ajax 实现输入读取数据库显示匹配信息
2015/10/08 PHP
优化javascript的执行效率一些方法总结
2013/12/25 Javascript
JavaScript中的值类型详细介绍
2014/12/29 Javascript
谈谈Jquery中的children find 的区别有哪些
2015/10/19 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
2016/10/17 Javascript
JSP防止网页刷新重复提交数据的几种方法
2016/11/19 Javascript
ES6下React组件的写法示例代码
2017/05/04 Javascript
Angular2 父子组件数据通信实例
2017/06/22 Javascript
JS中使用media实现响应式布局
2017/08/04 Javascript
浅谈vuepress 踩坑记
2018/04/18 Javascript
Angularjs中date过滤器失效的问题及解决方法
2018/07/06 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
2019/06/17 Javascript
微信小程序使用车牌号输入法的示例代码
2019/08/20 Javascript
[42:20]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
python连接字符串的方法小结
2015/07/13 Python
详解K-means算法在Python中的实现
2017/12/05 Python
pygame游戏之旅 添加游戏界面按键图形
2018/11/20 Python
cProfile Python性能分析工具使用详解
2019/07/22 Python
Python GUI学习之登录系统界面篇
2019/08/21 Python
Python3.7在anaconda里面使用IDLE编译器的步骤详解
2020/04/29 Python
Python读取xlsx数据生成图标代码实例
2020/08/12 Python
Python xlwings插入Excel图片的实现方法
2021/02/26 Python
Rockport乐步美国官网:风靡美国的白宫鞋
2016/11/24 全球购物
一些Unix笔试题和面试题
2012/09/25 面试题
销售行业个人求职自荐信
2013/09/25 职场文书
自我鉴定范文
2013/11/10 职场文书
好学生评语大全
2014/05/05 职场文书
工作经历证明书范文
2014/11/02 职场文书
优秀学生干部事迹材料
2014/12/24 职场文书
新郎父母婚礼致辞
2015/07/27 职场文书
安全事故隐患排查治理制度
2015/08/05 职场文书
OpenCV-Python模板匹配人眼的实例
2021/06/08 Python
JavaScript实例 ODO List分析
2022/01/22 Javascript