JQ One()函数特效

先看一个例子,当点击 p 元素时,增加该元素的文本大小,代码如下:
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<p id="keleyione" style="border:solid 1px silver">柯乐义 http://keleyi.com/a/bjad/n828yb7w.htm</p>
<script>
$("#keleyione").one("click",function(){
$(this).animate({fontSize:"+=6px"});
});
</script>

效果请点击以下方框内:

柯乐义 http://keleyi.com/a/bjad/n828yb7w.htm

可以看到只是第一次点击有效。

定义和用法
one() 方法为被选元素附加一个或多个事件处理程序,并规定当事件发生时运行的函数。
当使用 one() 方法时,每个元素只能运行一次事件处理器函数。

语法
$(selector).one(event,data,function)

其中参数:
event 必需。规定添加到元素的一个或多个事件。
由空格分隔多个事件。必须是有效的事件。

data 可选。规定传递到函数的额外数据。

function 必需。规定当事件发生时运行的函数。

时间: 2024-10-07 04:42:14

JQ One()函数特效的相关文章

【笔记】关于jq $.ajax 函数 success回调函数不能赋正确值或返回正确值的问题

最近在一个项目里面打算实现如下功能: 当我注册账号的时候当输入账号完毕后输入框失焦时执行一个 ajax 请求,验证账号是否被注册,并未这个输入框的 isCorrect属性赋值,如果没有被注册 isCorrect属性值为"true",否则为 "false".代码如下: ajax: function(obj){ /* { elem: //验证的元素, hintsContent: //提示框元素, errorColor: //错误时显示的颜色, url: //后台处理页地

总结jq的一些特效

Jquery代码总结 1.轮播图: <script src="jquery-1.8.3.min.js"></script><script>    var index=0;    var len=$(".banner .lt .top .left ul li").length;    $(".banner .lt .top .left .click .prev").click(function(){       

JQ工具函数

在jQuery中,工具函数是指直接依附于jQuery对象,针对jQuery对象本身定义的方法,即全局性的,我们统称为工具函数,或Utilites函数 主要作用于:字符串.数组.对象 API:工具函数 调用格式:  $.函数名()或jQuery.函数名() 字符串操作: $.trim():去除字符串左右两边的空格 数组和对象操作: $.each():遍历数组 $.each(array,function(index,value){}):array:数组变量,index:元素下标,从0开始,value

jq图片切换特效

首先引入js,内容如下: 1 (function($){$.fn.slides=function(option){option=$.extend({},$.fn.slides.option,option);return this.each(function(){$('.'+option.container,$(this)).children().wrapAll('<div class="slides_control"/>');var elem=$(this),control

jq工具函数(九)使用$.extend()扩展Object对象

除使用$.extend扩展工具函数外,还可以扩展原有的Object对象,在扩展对象时,两个对象将进行合并,当存在相同属性名时,后者将覆盖前者,调用格式为: $. extend (obj1,obj2,…objN); 参数obj1至objN表示需要合并的各个原有对象. 例如,调用$.extend()函数对两个已有的对象进行合并,并将合并后的新对象元素内容显示在页面中,如下图所示: 在浏览器中显示的效果: 从图中可以看出,当两个对象通过$.extend()函数扩展合并后,返回一个包含两个对象中全部属性

jq工具函数(八)使用$.extend()扩展工具函数

调用名为$. extend的工具函数,可以对原有的工具函数进行扩展,自定义类级别的jQuery插件,调用格式为: $. extend ({options}); 参数options表示自定义插件的函数内容. 例如,调用$.extend()函数,自定义一个用于返回两个数中最大值的插件,并在页面中将插件返回的最大值显示在页面中,如下图所示: 在浏览器中显示的效果: 从图中可以看出,当点击“计算”按钮时,先调用自定义插件中名为“MaxNum”的方法,计算并返回两个数值中的最大值,然后,将该值显示在页面中

20180503 jq学习记录(jquery操作样式表,时间片,jq对象函数间传递)

 jquery 操作dom对象    1.1  动态添加及删除一个dom对象 添加:  var 新对象=document.createElemente("标签""); $(对象预放位置父对象).append(新对象)  //添加完成// 删除: $(新对象).remove()  //删除完成//    1.2  动态操作对象css 设置css: $(对象).css('css属性','样式值') 附加小知识:   1,关于定时器操作  var obj= setInerval(f

关于在jq回调函数中使用angular实现数据绑定

方法一:通过controller来获取app var appElement = document.querySelector('[ng-controller=mainController]'); 然后在获取$scope变量: var $scope = angular.element(appElement).scope(); 如果改变了其中的变量之后,需要在页面表现出来,还需要调用apply()方法: $scope.$apply(); 方法二:通过DOM操作获取app //通过DOM操作获取app

JQ工具函数运用

1.把对象转换为字符串 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script src="../Scripts/jquery-1.9.1.js"