浅谈jquery中的each方法$.each、this.each、$.fn.each
jquery.each 方法
方法一
$("img").each(function(i,elem){ // i 下标 从零开始, // elem == this // $(elem).toggleClass("example"); $(this).toggleClass("example"); });
方法二
$.each([1,2,3,4],function(){ //$(this)==数组中的每一个数组(如果数组是对象,就是对象) });
方法三
应有场景有点不一样
this.each(function(){ })
扩展jQuery对象方法
应该是
jQuery.fn.Fun=function(){ //this==$("img") 和下面的调用方法相结合,如果是其他对象就是其他对象 this.each(function(){ $(this)==$("img")[0], //$(this)==$("img")[1], // ....... }) } 调用 $("img").Fun();
以上就是小编为大家带来的浅谈jquery中的each方法$.each、this.each、$.fn.each全部内容了,希望大家多多支持我们~
相关推荐
-
jquery 单行滚动、批量多行滚动、文字图片翻屏滚动效果代码
以下代码,运行后,需要刷新下,才能加载jquery,要不然看不到效果.1.单行滚动效果 无标题文档 ul,li{margin:0;padding:0} #scrollDiv{width:300px;height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden} #scrollDiv li{height:25px;padding-left:10px;} function AutoScroll(obj){ $(obj).find
-
jquery中$.fn和图片滚动效果实现的必备知识总结
前言 图片滚动效果相信对大家来说都不陌生,烂大街的效果图如下所示,js实现代码很短,不过如果想做的话,必须掌握jquery.IIFE.setInterval等基础以及$.fn用法: jquery中$.fn用法 $.fn是jquery的命名空间,如果对jquery源码有过学习,就不难发现源码中有如下代码: jquery.fn=jquery.prototype={ init:function(selector,context){ /* *code */ } } 所以说jquery.fn也就是jque
-
jQuery中$.fn的用法示例介绍
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效. 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了. 那么你可以这样子:$("#div").abc(); jQuery为开发插件提拱了两个方法,分别是: jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法. jQuery.fn.extend(object);给jQue
-
基于jquery实现点击左右按钮图片横向滚动
点击左右按钮图片横向滚动jquery,一次滚动四个,图片滚动完成,自动回到第一个版面: 效果图如下: 复制代码 代码如下: <!DOCTYPE html> <html lange="en"> <head> <title>点击左右按钮图片横向滚动</title> <meta charset=utf-8" /> <style type="text/css"> * { margi
-
基于jQuery图片平滑连续滚动插件
* 此插件要求运行在jQuery v1.3 或更高版本上 * 插件可以实现图片平滑向上或向左滚动 * 如果您需要更多的效果或在使用中本插件存在BUG,可以给在彦磊的博客上留言,彦磊将尽自己最大努力完善此插件 * 您留言前请先到:http://gmarwaha.com/jquery/jcarousellite/ 上面下载jcarousellite插件 * 来和彦磊图片平滑滚动的插件相互补充使用以获取更多的图片效果 * 彦磊图片平滑滚动插件只是对jcarousellite插件的补充 * * * 技术
-
jquery $.fn $.fx是什么意思有什么用
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效. 如扩展$.fn.abc() 那么你可以这样子:$("#div").abc(); 通常使用extend方法扩展,详细请看API. $.fx是指jquery的特效. 如果使用显示.滑动.淡入淡出.动画等. $.fx.off可以关闭动画,其实是直接显示结果. jquery的extend和fn.extend jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object
-
利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
最近要做一个产品展示功能,由于产品比较多,一屏展示不完,所以想要做一个通过点击进行翻页的效果,在网上找了几个都不大好用,最后只能自己动手写了. 效果如下所示: 原理比较简单:将要滚动显示的区域的CSS的override设为hidden,宽度设成一个比较大的值,如4000px,然后每次点击上一页或下一页的按钮时,计算当前页数,如果已经到了最后一页,则回到第一页,滚动是通过控制div的left属性实现的,需要两个div,外面的div的position设为retative,里面的DIV的positio
-
基于jQuery的图片左右无缝滚动插件
在线演示:http://demo.jb51.net/js/2012/myslideLeftRight/打包下载:http://www.jb51.net/jiaoben/44973.html核心代码: 复制代码 代码如下: (function($){ $.fn.extend({ "slidelf":function(value){ value = $.extend({ "prev":"", "next":""
-
jQuery插件开发的两种方法及$.fn.extend的详解
jQuery插件开发分为两种: 1 类级别 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法. 开发扩展其方法时使用$.extend方法,即jQuery.extend(object); 复制代码 代码如下: $.extend({ add:function(a,b){return a+b;} , minus:function(a,b){return a-b;} }); 页面中调用: 复制代码 代码如下: var i = $.add(3,2); var j
-
js jquery做的图片连续滚动代码
核心代码如下,大家可以参考 复制代码 代码如下: <script src="/js/jquery.js"></script> <script> $(document).ready(function(){ $(".bannerbutton li").each( function(){ $(this).click(
随机推荐
- PHP正则表达式完全教程之基础篇
- Docker Dockerfile的使用实例
- CMOS使用及维护须知
- 能否批量把网站从一台服务器移到哪一台服务器
- PHP实现的XML操作类【XML Library】
- react-native-tab-navigator组件的基本使用示例代码
- 浅谈JavaScript 覆盖原型以及更改原型
- 深入php面向对象、模式与实践
- 详解Python中的装饰器、闭包和functools的教程
- asp中通过fso读取和生成UTF-8编码的txt
- CentOS安装Python2.7与Python2.6并存的方法
- js事件驱动机制 浏览器兼容处理方法
- 基于jquery的图片轮播 tab切换组件
- 使用jquery.validate自定义方法实现"手机号码或者固话至少填写一个"的逻辑验证
- Java微信公众号开发之通过微信公众号获取用户信息
- php实现背景图上添加圆形logo图标的方法
- iOS 适配iPhone X的方法
- Kotlin利用Regex如何构建正则表达式详解
- Android人脸识别Demo竖屏YUV方向调整和图片保存(分享)
- Python unittest单元测试框架总结