本文实例汇总了基于jQuery的项目常见函数封装。分享给大家供大家参考,具体如下: /// <reference path="jquery-1.8.0.min.js" /> /* * DIV或元素居中 * @return */ jQuery.fn.mCenterDiv = function () {this.css("position", "absolute");this.css("border", "1px solid #ccc");this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop() + "px");this.css("left", ($(window).width() - this.width())...
什么是 Model Backbone 的作者是这样定义 Model 的: Model 是任何一个 web 应用的核心,它包含了交互的数据以及大部分的逻辑。例如:转化、验证、属性和访问权限等。 那么,我们首先来创建一个Model: Person = Backbone.Model.extend({initialize: function(){alert("Welcome to Backbone!");} });var person = new Person;上述代码中,我们定义了一个名为 Person 的 Model,实例化后,得到 person。任何时候当你实例化一个 Model...
集合(Set)说起集合,就想起刚进高中时,数学第一课讲的就是集合。因此在学习集合这种数据结构时,倍感亲切。 集合的基本性质有一条: 集合中元素是不重复的。因为这种性质,所以我们选用了对象来作为集合的容器,而非数组。 虽然数组也能做到所有不重复,但终究过于繁琐,不如集合。集合的操作集合的基本操作有交集、并集、差集等。这儿我们介绍JavaScipt集合中交集、并集、差集的实现。 JavaScipt中集合的实现首先,创建一个构造函...
本文主要总结了JavaScript 常用功能总结,如一些常用的额JS 对象,基本数据结构,功能函数等,还有一些常用的设计模式。 目录: 众所周知,JavaScript是动态的面向对象的编程语言,能够实现以下效果: 丰富Web 网页功能丰富Web界面实现本地或远程存储。实现分布式网络应用的前端组件,并在后台进行数据存储管理。使用JavaScript可以实现完整的分布式Web 应用。 一、JavaScript 中的数据类型 JavaScript 提供三种元数据类型,strin...
本文实例讲述了Javascript实现的Map集合工具类。分享给大家供大家参考。具体如下: var Map = function(){// 构造entry实体var Entry = function(key, value){this.key = key;this.value = value;}this.entries = new Array();// 构造put方法在数组中放入一个Entrythis.put = function(key, value){// 数组中已存在就不放入for (var i = 0; i < this.size(); i++) {if (this.entries[i].key === key) {return false;}}this.entries...
本文实例讲述了JQuery勾选指定name的复选框集合并显示的方法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="jquery-1.6.2.min.js" type="t...
前几天项目上想用map集合一样的东西,简单拿对象拼了一下子,今天闲的慌实现一下 大家不要见笑 代码 var Map = function (){/************基础变量**************/var hashmap = {};var keys = [];var vals = [];var entrys = [];var size = 0;var index = {};var Entry = function(key,value){var entryKey = key;var entryValue = value;this.getKey = function (){return entryKey;};this.getValue = function(){return entryVa...
本文实例讲述了ztree获取当前选中节点子节点id集合的方法。分享给大家供大家参考。具体分析如下: 要求:获取当前选中节点的子节点id集合。 步骤: 1.获取当前节点 2.用ztree的方法transformToArray()获取当前选中节点(含选中节点)的子节点对象集合。 3.遍历集合,取出需要的值。 treeNode:当前选中节点对象 function getChildNodes(treeNode) {var childNodes = ztree.transformToArray(treeNode);var nodes = new Array();for...
Backbone.js的集合只是一个简单的有序集的模型。通过适应模型和集合,我们可以避免数据处理逻辑放到了我们的视图层。此外,模型和集合还提供了便利的与后端一起工作的方法,当数据发生变化时,可以自动化地标记Backbone.js视图。这样,它可以用于如下的情况:代码如下: Model: Animal, Collection: Zoo通常情况下你的集合只适应一种模型,但模型本身并不局限于集合的类型。代码如下: Model: person, Collection: Office Model: per...
1.jquery 遍历对象代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <script language="javascript" type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript"> $(function(){ var tbody = ""; //------------遍历对象 .each的使用------------- //对象语法JSON数...
很多社交网站都使用无限滚动的翻页技术来提高用户体验,当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐 10 个 jQuery 的无限滚动的插件:1. jQuery ScrollPagination jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。 2. jQuery Screw Screw (scroll + view) 是一个 jQuery 插件当用户滚动页面的时候加载内容,是一个无限滚动翻页的插件。 3. AutoBrowse jQuery Plugin Au...
各种对下拉列表、文本框、复选框、单选框的jquery的相关操作。做为记录和收藏的最好方法。 遍历option和添加、移除optionfunction changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); }else{ $("<option value=111>UPS Ground</option>").append...
代码如下:function getElementsByClassName(n) { var classElements = [],allElements = document.getElementsByTagName(*); for (var i=0; i< allElements.length; i++ ) { if (allElements[i].className == n ) { classElements[classElements.length] = allElements[i]; } } return classElements; }
1.jQuery添加/删除Select的Option项:2.$("#select_id").append("<option value=Value>Text</option>"); //为Select追加一个Option(下拉项) 3.$("#select_id").prepend("<option value=0>请选择</option>"); //为Select插入一个Option(第一个位置) 4.$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) 5.$("#select_id option[index=0]").remove(); //删除Select中索引值为0的Option(第...
代码如下:<tbody > <tr > <td >1</td> <td>楼盘开业<br>折扣大大</td> <td>2011-11-11</td> <td>短信通知</td> </tr> <tr > <td>2</td> <td>楼盘开业<br>折扣大大</td> <td>2011-11-11</td> <td>短信通知</td> </tr> </tbody> </table> </div> </div> <div class="span7" id="right" > <table id="table1"> <caption>详细信息列表</caption> <thead> <tr> <td> <input type="checkbox" name="checkbox" id="btn"/>全选</td> <td>短...