随笔分类 - jQuery
摘要：var IndexClient = Elong.Page.IndexClient; IndexClient = Class.create(); Object.extend(IndexClient.prototype, { name: "IndexClient", initialize: function () { this.initializeDOM(); this.initializeEvent(); this.urlTemplate = new Template(HotelIndexController.UrlConfig.Hotel_List); this.ListC
阅读全文
摘要：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>StripingTable</title> <script src="jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script src="jquery.tableso
阅读全文
摘要：//function createPayTypeDIV(obj, hidobj) {// var id = obj.id; //传入自身对象// var hidid = hidobj.id;// var joinStr = ""; //拼接div里的内容// var leftpx = $("#" + id).offset().left; // + $("#" + id).width();// var toppx = $("#" + id).offset().top + 17; // $("#"
阅读全文
摘要：create create([superclass][, methods...]) -> Class创建一个类。Class.create 返回一个函数，当该函数被调用时，会自动调用它自己的 initialize 方法。从 1.6 版开始，Class.create 接受两种类型的参数。如果第一个参数是 Class，则该类作为新类的基类， 新类将会继承基类中所有的方法。否则，任何参数都被认为是一个对象，新类会复制参数对象中的方法作为新类的实例方法。 即使在子类中重写了基类已有的实例方法，子类的方法仍然能够访问基类的原始方法。只需要按照通常的方式定义子类需要重写的方法， 但将第一个参数设为 $
阅读全文
摘要：工作这么几年，发现有些公司的开发人员虽然个人能力非常强，但是看不出团队成员之间在开发思想上的共同点，基本是一个人一个编程风格，每个人都有每个人的实现方式。或者是存在相似点，但只是冰山一角而已，团队没有统一的编程风格，时间长了，在代码维护上越来越成问题，设想当一个开发人员离职后，其它人如何接手他的工作，他写的代码其它人能在短时间内看明白吗？ 这里我来分享下我们公司在网站开发中对于js这块是如何规范的。说到在.net网站中编写js，如果是从事B/S架构开发的朋友再熟悉不过了，没有什么难度，只要懂点js脚本知识，再加上熟悉一到两个js框架，例如jquery，prototype，就能写出功能强大的网.
阅读全文
摘要：jQuery 插件开发一 jquery 为开发插件提供了两个方法 jQuery.fn.extend(object);jQuery 的fn.extend(object)可以理解为 javascript 的 prototypejQuery.fn= jQuery.prototype={ init:function(selector,context){}}2.jQuery.extend(object);$.extend(object); 扩展jQuery对象本身。用来在jQeury命名空间上增加新函数jQuery.extend({ min: function(a, b) { return a <
阅读全文
摘要：DropDownCheckList一.摘要工作中要实现一个DropDownList 里面嵌套CheckBox 需要包含一个全部按钮，点击全部为全选。二.前言 在http://www.codeproject.com/KB/custom-controls/DropDownCheckList.aspx 找到了一个很好的例子，只是没有全选，然后自己用Jquery 实现下，比较简单。。 三 案例 <div> <input id="dropDownChecklistText" type="hidden" runat="server&quo
阅读全文
摘要：Javascript在互联网上名声很臭，但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学前脚本语言，它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实，你和Javascript都站错了立场，而现在，你让Javascript很生气。这里有五个原因能说明你的Javascript技术很烂。 1. 你没有使用命名空间。 是否还记得在大学里老师告诉你不要在家庭作业里使用全局变量？Javascript里的全局变量的使用方法也不例外。Web网页稍不留神就会变的混乱不堪、到处都是从互联网上各个角落里找来的乱
阅读全文
摘要：jquery 实现一个简单选中功能。<input type="checkbox" id="cr"/> <lable for="cr"> 我已经阅读了上面制度.</lable>通过$("#cr")获取到复选框元素，然后通过判断复选框是否被选中，来执行下一步操作。首先，用DOM 方式来判断复选框是否被选中,代码如下:$(document).ready(function(){ var $cr = $("#cr"); var cr = $cr[0]; $cr.clic
阅读全文
摘要：单击产品小图片时，上面对应的大图片需要切换，并且大图片的放大镜效果和遮罩效果也必须同时切换。实现这个效果并不难，但为了使程序更加简单，需要为图片使用基于某种规则的命名。例如为小图片命名blue_one_small.jpg ,为大图片命名为blue_one_big.jpg这样就可以很容易地根据单击的图片(blue_one.jpg)来获取相应的大图片和小图片，代码如下:$(funciton(){ $(".pro_detail_left ul li img").click(function(){ var imgSrc=$(this).attr("src");
阅读全文
摘要：<div class="ad" > <ul class="slider" > <li><img src="images/ads/1.gif"/></li> <li><img src="images/ads/2.gif"/></li> <li><img src="images/ads/3.gif"/></li> <li><img src="
阅读全文
摘要：$(function()){ var page = 1; var i=4;//每版放4个图片 var len = $(".prolist_content ul li").length; var page_count=Mach.ceil(len/i);//只要不是整数，就往大的方向取最小的整数 var none_unit_width=$(".prolist").width();//获取框架内容的宽度，不带单位 var $parent=$(".prolist_content"); //向右移动按钮 $(".goRight&quo
阅读全文
摘要：在IE7中firefox浏览器上可以使用伪劣:hover来显示导航效果，但是IE6并不支持除超链接外的元素使用这个伪类。在IE六下 hover css 无法运行#navigation ul li:hover ul{ background-color:#88c366; position:absolute; widht:100px; display:block;}为<li>元素添加hover事件，jQuery代码如下:$(function(){ $("#navigation ul li:has(ul)").hover(function(){ //鼠标移动过来,向下滑
阅读全文
摘要：jQuery 实现的一个简单的选项卡。<!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
阅读全文
摘要：$.ajax()方法$.ajax()方法是jQuery最底层的Ajax实现。它的结构为:$ajax(options);这个对象里包含了$.ajax()方法所需要的请求设置以及会掉函数信息，参数以key/value 的形式存在，所有参数都是可选的，常用参数如表 6-3所示。参数名称 类型 说明url string (默认为当前页地址)发送请求的地址type string请求方式(post或get)默认为get，注意其他http请求方法，例如put和delete 也可以使用。timeout Number 设置请求超时时间(毫秒)，此数值将覆盖$.ajaxSetup()方法得全局设置。data o.
阅读全文
摘要：jQuery中的AjaxjQuery对Ajax操作进行了封装，在jQuery中$.ajax()方法属于最底层的方法，第2层是load(),$.get()和$.post()方法，第三层是$.getScript()和$.getJson()方法。首先介绍第2层得方法，使用效率很高。load()方法1.载入HTML文档 load()方式jQuery中最为简单的Ajax方法，能载入远程HTML代码并插入DOM中，它的结构为: load(url[,data][,callback]); load()方法参数解释如表6-1所示。 load参数说明： 参数名称 类型 说明 url string 请求html的u
阅读全文
摘要：案例研究 网站的超链接和图片提示 1.超级链接提示效果 浏览器已经自带了超级链接提示，只需要在超链接中加入title属性就可以了。 HTML 代码如下: <a href="#" title="这是我的超链接提示1.">提示</a> 然二这个提示效果的响应速度是非常缓慢的，考虑到良好的人机交互，需要的是鼠标移动到超级链接的那一瞬间出现提示，这时就需要移除<a>标签中的title提示效果，自己动手做一个类似功能 的提示。 首先在空白的页面上，添加两个普通超级链接和两个带有class的超级链接。 <p><a
阅读全文
摘要：jQuery 对表单，格的操作 Text 操作<!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="
阅读全文
摘要：jQuery中的动画 一 show() 和hide()方法show()方法和hide()方法是jQuery中最基本的动画方。调用hide 会将元素的display样式改为"none"element.css("display","none"); //通过css方法隐藏元素。调用show()方法将元素的dispaly样式设置为先前的显示状态("block","inline"或其他除了"none"之外的值)。$("element").show();show()方
阅读全文
摘要：DOM操作的分类DOM Core 并不专属于javascript，任何一种支持DOM的程序设计语言都可以使用它。它的用途并非仅限与处理网页，也可以用来处理任何一种使用标记语言编写出来的文档。例如XMLjavascript中的getElementById(),getElementByTagName(),getAttribute()和setAttribute()等方法，这些都是Dom Core的组成部分。使用DOM Core来获取表单对象的方法 document.getElementByTagName("from");使用DOM Core来获取某元素的src属性的方法： ele
阅读全文
