浅谈jquery高级方法描述与应用


Posted in Javascript onOctober 04, 2016

1.addBack()

a. third-item的 li 下几个相邻节点(包括third-item)

$( "li.third-item" ).nextAll().addBack(). 
 .css( "background-color", "red" );

b. 和end()方法类似,选中的是div.after-addback和p元素,end选中的是div.after-addback元素

$( "div.after-addback").find("p").addBack().addClass("background"); 
$( "div.after-addback").find("p").end().addClass("background");

2.callback.fire()

通过参数调用foo函数

var foo = function(value){ 
  console.log( "foo:" + value ); 
} 
var callbacks = $.Callbacks(); 
callbacks.add(foo); 
callbacks.fire("hello"); 
callbacks.fire("world");

3.callback.lock()

锁住callback函数列表,这个方法不能接受任何参数。

var foo = function( value ) { 
 console.log( "foo:" + value ); 
}; 
var bar = function( value ){ 
 console.log( "bar:" + value ); 
}  
var callbacks = $.Callbacks(); 
callbacks.add( foo ); 
callbacks.fire( "hello" ); // 输出 "foo: hello" 
callbacks.lock(); // 此后不能在调用foo方法,除非$.Callbacks("memory") ,可以add一个函数 
callbacks.fire( "world" ); // 没有调用foo方法 
callbacks.add( bar ); // 当callbacks 赋值为 $.Callbacks("memory") ,创建一个callback对象,使用memory标识,可以再add一个函数 
callbacks.fire( "world" ); // 输出 "bar: hello"

4.defered.promise()

在原来的Deferred对象上返回另一个Deferred对象

$(function(){ 
  $("input[type=button]").click(function(){ 
    $.ajax({ 
      url : "validate.html", 
      type : "POST", 
      dataType : "json" 
    }).done(function(data){ 
      alert(data.a); 
    }).fail(function(){ 
      alert("error"); 
    }) 
  }); 
       
  var dtd = $.Deferred(); 
  var wait = function(dtd){ 
    var tasks = function(){ 
      alert("执行完毕!"); 
      dtd.resolve(); // 改变Deferred对象的执行状态 
    }; 

  setTimeout(tasks,5000); 

 }; 

 dtd.promise(wait); 

 wait.done(function(){ alert("哈哈,成功了!"); }).fail(function(){ alert("出错啦!");  
});

5.animate({ step : function(){ } })

一个元素动画的同时进行另一个元素的动画

$( "#go" ).click(function() { 
 $( ".block:first" ).animate({ 
  left: 100 
 }, { 
  duration: 1000, 
  step: function( now, fx ){ 
   $( ".block:gt(0)" ).css( "left", now ); 
  } 
 }); 
});

6.clone()

与appendTo方法同时使用,创建一个克隆的元素

<div class="container"> 
 <div class="hello">Hello</div> 
 <div class="goodbye">Goodbye</div> 
</div>
$( ".hello" ).appendTo( ".goodbye" );

结果是:

<div class="container"> 
 <div class="goodbye"> 
  Goodbye 
  <div class="hello">Hello</div> 
 </div> 
</div>
$( ".hello" ).clone().appendTo( ".goodbye" );

结果是:

<div class="container"> 
 <div class="hello">Hello</div> 
 <div class="goodbye"> 
  Goodbye 
  <div class="hello">Hello</div> 
 </div> 
</div>

以上就是小编为大家带来的浅谈jquery高级方法描述与应用全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
javascript在一段文字中的光标处插入其他文字
Aug 26 Javascript
基于javascript 闭包基础分享
Jul 10 Javascript
多种方法实现load加载完成后把图片一次性显示出来
Feb 19 Javascript
jQuery中removeData()方法用法实例
Dec 27 Javascript
AngularJs directive详解及示例代码
Sep 01 Javascript
利用js判断手机是否安装某个app的多种方案
Feb 13 Javascript
微信小程序中页面FOR循环和嵌套循环
Jun 21 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
Jul 27 Javascript
vue cli使用绝对路径引用图片问题的解决
Dec 06 Javascript
vue 实现LED数字时钟效果(开箱即用)
Dec 08 Javascript
vue 动态添加class,三个以上的条件做判断方式
Nov 02 Javascript
使用Vant完成Dialog弹框案例
Nov 11 Javascript
vue.js中$watch的用法示例
Oct 04 #Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
Oct 04 #Javascript
用jquery快速解决IE输入框不能输入的问题
Oct 04 #Javascript
JavaScript九九乘法口诀表的简单实现
Oct 04 #Javascript
原生js仿jquery实现对Ajax的封装
Oct 04 #Javascript
json定义及jquery操作json的方法
Oct 03 #Javascript
javascript中异常处理案例(推荐)
Oct 03 #Javascript
You might like
php文件上传的例子及参数详解
2013/12/12 PHP
ThinkPHP框架实现数据增删改
2017/05/07 PHP
php通过pecl方式安装扩展的实例讲解
2018/02/02 PHP
Laravel 模型使用软删除-左连接查询-表起别名示例
2019/10/24 PHP
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
2009/02/14 Javascript
JS 自动完成 AutoComplete(Ajax 查询)
2009/07/07 Javascript
jquery实现图片裁剪思路及实现
2013/08/16 Javascript
javascript利用apply和arguments复用方法
2013/11/25 Javascript
原生JavaScript实现异步多文件上传
2015/12/02 Javascript
Bootstrap入门书籍之(零)Bootstrap简介
2016/02/17 Javascript
EasyUi中的Combogrid 实现分页和动态搜索远程数据
2016/04/01 Javascript
jQuery多文件异步上传带进度条实例代码
2016/08/16 Javascript
简单的js计算器实现
2016/10/26 Javascript
详解Nodejs的timers模块
2016/12/22 NodeJs
Bootstrap里的文件分别代表什么意思及其引用方法
2017/05/01 Javascript
基于Element封装一个表格组件tableList的使用方法
2020/06/29 Javascript
js实现全选和全不选
2020/07/28 Javascript
请求时token过期自动刷新token操作
2020/09/11 Javascript
Python批量发送post请求的实现代码
2018/05/05 Python
解决在pycharm中显示额外的 figure 窗口问题
2019/01/15 Python
使用Python和Prometheus跟踪天气的使用方法
2019/05/06 Python
用pycharm开发django项目示例代码
2019/06/13 Python
python 提取文件指定列的方法示例
2019/08/07 Python
python3 pathlib库Path类方法总结
2019/12/26 Python
Python验证码截取识别代码实例
2020/05/16 Python
Python调用shell cmd方法代码示例解析
2020/06/18 Python
python tkinter的消息框模块(messagebox,simpledialog)
2020/11/07 Python
大韩航空官方网站:Korean Air
2017/10/25 全球购物
酒吧副总经理岗位职责
2013/12/10 职场文书
八年级英语教学反思
2014/01/09 职场文书
单位提档介绍信
2014/01/17 职场文书
个人评语大全
2014/05/04 职场文书
天下第一关导游词
2015/02/06 职场文书
2015年音乐教研组工作总结
2015/07/22 职场文书
家长必看:义务教育,不得以面试 评测等名义选拔学生
2019/07/09 职场文书
apache ftpserver搭建ftp服务器
2022/05/20 Servers