jQuery - plugin 代码模型

1.扩展 jQuery 的全局函数,主要以 $.xxx() 的形式调用 (function($) { $.myFunction = function(array) { // code } })(jQuery); 在外部可以这样调用 $.myFunction(...),但是,最好把自定义的全局函数放在自己的命名空间中,如下, (function($) { $.myNameSpace = { sum: function(array) { // code }, average: function(ar…

JQuery Plugin 开发

学习 JQuery 插件开发之后, 可以将自己平时常用的功能封装成插件, 便于在不同的项目之间使用. JQuery 官网上的插件开发教程就很不错, 简单易懂. 参考网址: http://learn.jquery.com/plugins/basic-plugin-creation/ http://learn.jquery.com/plugins/advanced-plugin-concepts/ 本文就是基于官网上的教程整理的, 也加入了自己实验的一些示例. 1. 插件编写相关函数 jquery…

C#开发BIMFACE系列50 Web网页中使用jQuery加载模型与图纸

BIMFACE二次开发系列目录 [已更新最新开发文章,点击查看详细] 在前一篇博客<C#开发BIMFACE系列49 Web网页集成BIMFACE应用的技术方案>中介绍了目前市场主流的Web开发技术与应用框架,其中前端脚本的应用在国内分2大派系 jQuery 与 Vue.js. 本篇博客主要介绍Web网页中使用jQuery加载模型与图纸以及其他的应用开发. 步骤1:下载并引用 jQuery.js jQuery 官方目前发布的版本已经到3.X 但是jQuery从2.0开始不兼容IE8,最低…

JQuery plugin ---- simplePagination.js API

CSS Themes "light-theme" "dark-theme" "compact-theme" How To Use Step 1: together with JQuery, include jquery.simplePagination.js in your page: << span>scripttype="text/javascript"src="path_to/jquery.j…

HTML Select 标签选择后触发jQuery事件代码实例

页面设计原由: 因为很多客户不知道如何来到我们公司,领导想让我在微信公众号上面做一个链接,客户可以直接通过微信公众号打开地图并导航到我们公司的办公地点. 实现起来并不难,但由于公司有很多办事处,所以需要设计一个选单,在用户选择相应办事处后自动加载相关的地图,于是我做了以下页面: (小弟不才,如代码有冗余或您有更好的写法还请各位指正,谢谢!底部有贴出原代码!) 那么如何写Select中的触发事件呢? 有以下几种方法: 方法一,纯JS代码: <select id="addr" onc…

jQuery CSS操作及jQuery的盒子模型

jQuery CSS-jQuery CSS方法 jQuery CSS-jQuery盒子模型…

jQuery plugin: Autocomplete 参数及实例

官网:jQuery plugin: Autocomplete (注:此插件已经不再更新.它的继任者是jQuery UI的一部分,) 此插件依赖于 jquery 1.2.6 --- jquery 1.8.3 1.jquery.autocomplete API 语法: autocomplete(url/data, [options] ) 参数: url / data:url或者数组 [options]:可选项 2.[options]:可选项,选项解释如下: …

jquery常用代码集锦

1. 如何修改jquery默认编码(例如默认GB2312改成 UTF-8 ) 1 2 3 4 5 $.ajaxSetup({ ajaxSettings : { contentType : "application/x-www-form-urlencoded;chartset=UTF-8" } }); 2. jquery判断元素上是否绑定了事件 1 2 3 4 5 //jQuery event封装支持判断元素上是否绑定了事件,此方法只适用于jQuery绑定…

Signs of a poorly written jQuery plugin 翻译 (Jquery插件开发注意事项，Jquey官方推荐)

原文链接:http://remysharp.com/2010/06/03/signs-of-a-poorly-written-jquery-plugin/ 原文作者:remy sharp So far with every single workshop I’ve given, both for advanced JavaScript and jQuery for Designers, this question (or some variation thereof) has come up:…

JQuery Plugin 1 - Simple Plugin

1. How do you write a plugin in jQuery? You can extend the existing jQuery object by writing either methods or functions. 1) Writing a custom jQuery method jQuery methods are defined by extending the jQuery.fn object with your method name. $.fn.exten…

jQuery概述,代码举例及最新版下载

jQuery是一个快速的,小巧的,具有强大功能的JavaScript库. 它的基本功能包括: 1)访问和操作DOM元素 2)控制页面样式(可以兼容各种浏览器) 3)对页面事件的处理 4)大量插件在页面中的运用 5)与Ajax技术的完美结合 jQuery改变了众多的程序员使用 JavaScript的方式. jQuery官方主页代码示例: 1) DOM遍历及操作将class为continue的<button>的文本内容设置成"Next Step..." 1 $( "…

The ultimate jQuery Plugin List(终极jQuery插件列表)

下面的文章可能出自一位奥地利的作者, 列出很多jQuery的插件.类似的网站:http://jquerylist.com/原文地址: http://www.kollermedia.at/archive/2007/11/21/the-ultimate-jquery-plugin-list/ jQuery is definitely my favourite Javascript Library and this ultimate jQuery Plugin List is for all oth…

[jQuery] 自做 jQuery Plugin - Part 1

有時候寫 jQuery 時,常會發現一些簡單的效果可以重複利用.只是每次用 Copy & Paste 大法似乎不是件好事,有沒有什麼方法可以讓我們把這些效果用到其他地方呢? 沒錯,就是用 jQuery 的 Plugin 機制. 不過 jQuery 的 Plugin 機制好像很難懂?其實一點也不.以下我用最簡單的方式來為大家解說如何自製一個簡單的 Plugin . 當然在此之前,你得先瞭解 JavaScript 的 class . object . variables scope 還有 anony…

ollicle.com: Biggerlink – jQuery plugin

ollicle.com: Biggerlink – jQuery plugin Biggerlink – jQuery plugin Purpose Demo Updated for jQuery 1.3 How to use it Download Thanks Purpose A jQuery plugin to make it really easy to enable the specified element/s to behave as a proxy for their first…

Element DOM Tree jQuery plugin – Firebug like functionality | RockingCode

Element DOM Tree jQuery plugin – Firebug like functionality | RockingCode Element DOM Tree jQuery plugin – Firebug like functionality 110 Rate this Have you even seen G+ Feedback page style? It works pretty much like firebug, when you find something…

分享基于分布式Http长连接框架--代码模型

好的代码应该是方便客户端使用,代码能够自描述,规范化,大众标准化. 而且我相信代码也是有生命的,需要不断的维护它,你以什么样的态度对待它,它就会以同样的态度回敬你,所以在写代码前,先摆好自己的态度(一个心态良好的创造者),只有这样你的生命才会精彩,代码的生命也会精彩. 前面说了简单的框架模型,简单的设计模型,如果具体到客户端使用的话还需要代码模型来描述下,当作集成的sdk说明即可. 生产者如何发送消息: 1:配置服务端地址及名称; 2:注册本身为客户端,并约定一个全局唯一的名称 3:开启代理 4…

HTML5 Video player jQuery plugin

<!DOCTYPE html> <html lang="en" > <head> <meta charset="utf-8" /> <title>HTML5 Video player jQuery plugin | Script Tutorials</title> <link href="css/player.css" rel="stylesheet"…

电商网站jQuery放大镜代码

分享一款电商网站jQuery放大镜代码.这是一款基于jquery.elevatezoom插件实现的类似淘宝放大镜代码,提供40多种参数,可自由配置多种效果,适合电商或图片类网站使用.效果图如下: 在线预览源码下载实现的代码. html代码: <center> <h1> Basic Zoom Example</h1> <img id="zoom_01" src='images/small/image1.png' data-zoom-ima…

理解x64代码模型

原作者:Eli Bendersky http://eli.thegreenplace.net/2012/01/03/understanding-the-x64-code-models 在编写x64架构代码时一个有趣的问题是使用哪个代码模型.这可能是一个不广为人知的议题,但如果想理解编译器生成的x64机器代码.熟悉代码模型是有教育意义的.这与优化及对哪些真正关心性能,从哪怕最小的指令也要抠性能的人有密切关系. 关于这个议题网上或别处的资料非常少. 眼下为止最重要的资源是官方的x64 ABI,你能够…

jQuery plugin: Tablesorter 2.0

http://mottie.github.io/tablesorter/docs/example-pager.htmlhttp://tablesorter.com/docs/example-pager.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &…

jquery倒计时代码

jquery倒计时代码<pre> <span id="day_show">0天</span> <strong id="hour_show">0时</strong> <strong id="minute_show">0分</strong> <strong id="second_show">0秒</strong></p…

三种动态加载js的jquery实例代码另附去除js方法

!-- 这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getscript("test.js");就ok了. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"&g…

M-Renamer方法名修改器，iOS项目方法名重构，Objective-C/Swift，代码模型预判，减少误改的机率，替换速度更快，可视化操作，傻瓜式操作，一键操作，引用处自动修改，马甲包的福音

M-Renamer M-Renamer(Method-Name-Renamer)类方法名修改器,采用链式解析头文件,代码模型预判,减少误改的机率,替换速度更快:可以解析整个项目大多数类的方法,可视化操作,傻瓜式操作,一键批量修改,引用处自动修改,效率高,省时省力,修改后的方法名规范,提高过审机率,支持Swift(未来支持).Objecive-C双语言.对于马甲包来说,改掉项目大多数的方法名,效果远比混淆要好的多,M-Renamer马甲包的福音. [ 官网 ] QQ交流群:811715780 安装…

说一说Web开发中两种常用的分层架构及其对应的代码模型

昨天妹子让我帮她解决个问题,本以为可以轻松搞定,但是打开他们项目的一瞬间,我头皮发麻.本身功能不多的一个小项目,解决方案里竟然有几十个类库.仅仅搞明白各个类库的作用,代码层次之间的引用关系就花了一个多小时. 显然可能他们项目结构的代码模型出了问题,设计混乱,不容易上手. 项目中一个好的的代码模型一定是简单.清晰.明了.易于上手的.它总是会让人用起来很舒服,它可以让项目团队成员更好地理解代码,根据代码规范实现团队协作:它可以让各层的逻辑互不干扰.分工协作.各据其位.各司其职,避免不必要的代码混淆.…