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 相关文章推荐
对google个性主页的拖拽效果的js的完整注释[转]
Apr 10 Javascript
FireFox下XML对象转化成字符串的解决方法
Dec 09 Javascript
jquery select动态加载选择(兼容各种浏览器)
Feb 01 Javascript
JavaScript作用域链示例分享
May 27 Javascript
JavaScript中document.forms[0]与getElementByName区别
Jan 21 Javascript
原生javascript实现匀速运动动画效果
Feb 26 Javascript
JavaScript中transform实现数字翻页效果
Mar 08 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 Javascript
JS实现数组的增删改查操作示例
Aug 29 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
Nov 12 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
Jun 13 Javascript
React路由鉴权的实现方法
Sep 05 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
php5 and xml示例
2006/11/22 PHP
php的access操作类
2008/04/09 PHP
smarty简单分页的实现方法
2014/10/27 PHP
JavaScript 判断指定字符串是否为有效数字
2010/05/11 Javascript
JS触发服务器控件的单击事件(详解)
2016/08/06 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
2016/08/17 Javascript
javascript中异常处理案例(推荐)
2016/10/03 Javascript
js阻止冒泡和默认事件(默认行为)详解
2016/10/20 Javascript
让div运动起来 js实现缓动效果
2017/07/06 Javascript
jQuery常用选择器详解
2017/07/17 jQuery
JavaScript函数中的this四种绑定形式
2017/08/15 Javascript
基于vue实现可搜索下拉框定制组件
2020/03/26 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
2018/09/17 Javascript
NProgress显示顶部进度条效果及使用详解
2019/09/21 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
2019/09/24 Javascript
JavaScript实现tab栏切换效果
2020/03/16 Javascript
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
2020/05/29 jQuery
three.js 制作动态二维码的示例代码
2020/07/31 Javascript
vue 子组件和父组件传值的示例
2020/09/11 Javascript
Python合并字符串的3种方法
2015/05/21 Python
Python获取运行目录与当前脚本目录的方法
2015/06/01 Python
将Python代码打包为jar软件的简单方法
2015/08/04 Python
python学生信息管理系统(完整版)
2020/04/05 Python
Python开启线程,在函数中开线程的实例
2019/02/22 Python
Python assert关键字原理及实例解析
2019/12/13 Python
Python调用.NET库的方法步骤
2019/12/27 Python
在python中使用pyspark读写Hive数据操作
2020/06/06 Python
python中的对数log函数表示及用法
2020/12/09 Python
中职生自荐信范文
2014/06/15 职场文书
2015年银行员工工作总结
2015/04/24 职场文书
费用申请报告范文
2015/05/15 职场文书
详解TS数字分隔符和更严格的类属性检查
2021/05/06 Javascript
MySQL 数据丢失排查案例
2021/05/08 MySQL
Mysql中调试存储过程最简单的方法
2021/06/30 MySQL
MySQL Shell import_table数据导入的实现
2021/08/07 MySQL
聊聊基于pytorch实现Resnet对本地数据集的训练问题
2022/03/25 Python