js命名空间$.fn

$.fn.xxx是可以用对象来调用的命名空间,例如

$.fn.input() 在声明时就可以用 $(‘abc‘).input()

$.fx是指jquery的特效。 
如果使用显示、滑动、淡入淡出、动画等。

$.fx.off可以关闭动画,其实是直接显示结果。

不是很深入,但要坚持遇到不懂得就记录,遇到出错的也记录下来。

时间: 2024-10-09 19:47:36

js命名空间$.fn的相关文章

js命名空间的使用

js命名空间的使用: test.html 代码如下: <!DOCTYPE HTML><html lang="en-US"><head>    <meta charset="UTF-8">    <title>测试命名空间</title>    <script src="test.js" type="text/javascript" ></

js命名空间

JS多级命名空间 JavaScript不像C#或Java,有专门的namespace和package语法支持,当JS复杂到一定程度,尤其是引用大量的第三方JS框架和类库之后,命名冲突就会成为一个严重的问题,因此使用JS自己的变通方式建立命名空间很重要. 最简单的实现命名空间的方法,代码示例如下: //这是伪代码,: var com;     if(!com) com = {}; //第一级域名     com.ModuleClass = {}; //第二级域名     com.ModuleCla

定义js命名空间

var $package=function(ns){ var defineNamespace=function(root,ns){ ns=ns || ""; ns=ns.replace(/\s/g,""); if (ns.length == 0) { return root; }else { var nsc = ns.substr(0, 1); if (nsc != nsc.toLowerCase()) { throw new Error("命名空间首字母

闭包的高级使用-变量私有化-模块化开发-js命名空间

<script> /** * 知识点: * 1.闭包的使用 * 2.立即执行函数的使用 * 3.变量私有化的应用 * 4.私有化消除了全局变量污染的弊端 * * 5. 这是一种高大上的命名空间 做法! */ var init = (function () { var name = 'lele'; function sayName() { console.log(name); } return function () { sayName(); } }()); /*----------------

AngularJs中,如何在ng-repeat完成之后,执行Js脚本

//ng-repeat生成4个li,生成后再执行自定义方法fn在每个li后加一根横线 <script> var myapp=angular.module('myapp',[]); myapp.directive('onFinishRenderFilters', function ($timeout) { return { restrict: 'A', link: function(scope, element, attr) { if (scope.$last === true) { $time

CSS+JS实现图片集展示(二)

题目与上面的两篇文章有所重复,但是内容与上两篇上有所区别,本文中,实现的图片集展示的效果为: 1.详细图和缩略图的同步展示: 2.图片的自动播放: 3.显示图片的缩影图的焦点显示与别的图片的遮盖显示: 4.鼠标移动至详图显示图片控制控件. 具体效果图如下: 初始化或者第一张状态 中间状态 最后一张状态 这种方式的图片展示一般用的图片新闻或者类似的东西中比较常见,例如百度首页的新闻就是用类似的方式来展示的,如下: 百度首页新闻 下面将我实现的代码贴出来,以供大家参考. 1.showimg.css

layui.js源码分析

/*! @Title: Layui @Description:经典模块化前端框架 @Site: www.layui.com @Author: 贤心 @License:MIT */ ;!function(win) { "use strict"; var Lay = function() { this.v = '1.0.9_rls'; //版本号 }; Lay.fn = Lay.prototype; var doc = document, config = Lay.fn.cache = {

js/jq仿window文件夹框选操作插件

0.先给大家看看效果: 1.创建一个index.html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> ul{list-style: none} li{width:200px;margin:10px;float:left;height: 100

CSS+JS实现图片集展示(续)

上一篇文章里,我们实现了图片集的展示,在本文,对上一篇文章的内容作了封装,实现效果上作了一些优化,具体的思路我就不再赘述,下面将我的代码贴出来,以供搭建参考. 1.imglist.css html, body, .modal-bg { height: 100%; margin: 0; padding: 0; font-size: 13px; font-weight: bold; color: #fff; } .modal-bg{ position: absolute; left: 0px; to