随笔分类 - JQuery
摘要：1、jquery代码： 1.1问题的版本：$(function() { haituheight(); $(window).resize(function(){ haituheight(); });});//改变高度和宽度的方法function haituheight() { var height = $(window).height()-$('.footer').height()-$('.header').height(); var width = $(window).width()-$(".main-left")....
阅读全文
摘要：事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture();event.srcElement.releaseCapture();事件按键event.keyCodeevent.shiftKeyevent.altKeyevent.ctrlKey事件返回值event.returnValue鼠标位置event.xevent.y窗体活动元素document.activeElement绑定事件document.captureEvents(Event.KEYDOWN);访问窗体元素document.a
阅读全文
摘要：Date 对象用于处理日期和时间。创建 Date 对象的语法：var myDate=new Date()Date 对象会自动把当前日期和时间保存为其初始值。参数形式有以下５种： new Date("month dd,yyyy hh:mm:ss"); new Date("month dd,yyyy"); new Date(yyyy,mth,dd,hh,mm,ss); new Date(yyyy,mth,dd); new Date(ms);注意最后一种形式，参数表示的是需要创建的时间和GMT时间1970年1月1日之间相差的毫秒数。各种函数的含义如下：mont
阅读全文
摘要：一.说明：他是JS中最大的对象，它描述的是一个浏览器窗口，一般要引用他的属性和方法时，不需要用“Window.XXX”这种形式，而是直接使用“XXX”。一个框架页面也是一个窗口。二.Window窗口对象有如下属性。 1.name 窗口的名称，由打开它的连接（）或框架页（）或某一个窗口调用的 open() 方法（见下）决定。一般我们不会用这个属性。 2.status 指窗口下方的“状态栏”所显示的内容。通过对 status 赋值，可以改变状态栏的显示。 3.opener 用法：window.opener；返回打开本窗口的窗口对象。注意：返回的是一个窗口对象。如果窗口不是由其他窗口打开的，在 Ne
阅读全文
摘要：档案管理新增 首页 » 档案管理新增 发布 返回 船舶资料 船体部分 吨位 ...
阅读全文
摘要：http://hyj1254.iteye.com/blog/643035 假设在iframe子窗口中设置了$('#mydata').data('key','hello world');那在包含iframe的父页面中如何获取它呢？直接使用$('#mydata').data('key')是不行的。 原因是：data()将数据存入了iframe页面的jQuery对象中，与父页面的jQuery对象无关。父页面中的$即jQuery对象，直接使用它显然无法获取。 解决办法是：设法获取iframe页面中的jQuery对象,替换父
阅读全文
摘要：1.通过js实现单选 function selectOne(obj,objCheckBox) { for ( var i = 0; i 搜索1 搜索2 搜索3 ...
阅读全文
摘要：(function($) {$.fn.checkNumber = function(options) {// 自定义购物车商品数量，只能输入数字var defaultOpt = {max : null,min : null,showButton : true,minusBtn : '-',plusBtn : '+'}, opt = $.extend(defaultOpt, options), checkNumber = function(e) { // 限制输入，只能为数字var currentKey = e.which;var thisVal = parseI
阅读全文
摘要：1、移动div test2.html --> View Code 2、div跟随某个控件的位置改变而改变var offset = $("#selectInfoDiv").offset(); //获取相对控件的偏移位置var left=offset.left;var top=offset.top; var width = $("#selectInfoDiv").width(); //该控件的宽度和高度var hei...
阅读全文
摘要：1、单选框radio标签常见操作: $("#enterpriseForm input[type=radio]:checked"); //过滤被选中的radio $("#addRoleForm input[[type=radio]").get(0).checked=true; //使第一个radio选中 $("#addRoleForm input[[type=radio]").get(0) //获取第一个radio的值2、下拉列表框select标签常见操作： $(#addRoleForm).find("option:selec
阅读全文
摘要：http://www.cnblogs.com/snandy/archive/2011/06/27/2085062.htmljQuery的事件模块是较复杂的，前面仅仅提到了对事件对象的包装。即统一了一些兼容性的问题。这篇会综述下jQuery的整个事件模块。后面会详细分析jQuery.event.add/jQuery.event.remove/jQuery.event.trigger。虽然事件模块代码很难读，但其提供的API接口还是很清晰的。如下1 添加事件(bind/one/live/delegate/hover/toggle)bind 基本的添加事件函数。one 添加只执行一次的事件函数。li
阅读全文
摘要：http://www.cnblogs.com/snandy/archive/2011/06/17/2081213.html由于各个浏览器中原生事件对象的 差异性 ，多数 JS库/框架 都或多或少的对原生事件对象进行了修复及包装。比如，停止事件冒泡IE用 cancelBubble ，标准浏览器则用 stopPropagation 。获取事件源对象，IE用 srcElement ，标准浏览器则用 target 诸如此类。jQuery 对原生事件对象的修复和包装主要使用 jQuery.Event 类和 jQuery.event.fix 方法。?1234567891011121314151617181
阅读全文
摘要：http://www.cnblogs.com/snandy/archive/2011/06/15/2081265.htmljQuery丢弃了标准的button属性采用which，这有点让人费解。which 是Firefox引入的，IE不支持。which的本意是获取键盘的键值(keyCode)。jQuery中的which即可以是键盘的键值，也可以是鼠标的键值。即当判断用户按下键盘的哪个键时可以使用which，当判断用户按下鼠标的哪个键时也可以用which。它一举两用了。源码?12345678910// Add which for key eventsif( event.which == null
阅读全文
摘要：http://www.cnblogs.com/snandy/archive/2011/06/10/2077298.html很多同学在项目中都喜欢将数据存储在HTMLElement属性上，如?1234<divdata="some data">Test</div><script>div.getAttribute('data'); // some data</script>给页面中div添加了自定义属性“data”及值“some data”。后续JS代码中使用getAttribute获取。jQuery从1.2.3开始
阅读全文
摘要：(function($) { $.fn.extend({ clear:function(){ cl(this); }, }) ; function cl(_id){ $("input,select,textarea", _id).each(function() { var t = this.type, tag = this.tagName.toLowerCase(); if (t == "text" || t == "hidden" || t == "password" || tag == "textar
阅读全文
摘要：http://www.cnblogs.com/snandy/archive/2011/06/08/2074086.html使用过Prototype.js的同学知道$(xx)调用后返回的是HTMLElement或其集合。jQuery的$调用后想要获取DOM元素可以使用get方法，如下?12// 方式1$('div').get(1); // 获取页面中第二个div当然，也可以使用数组索引方式获取?12// 方式2$('div')[1]; // 获取页面中第二个div上面两种方式都可以获取某一个特定的DOM元素，而获取DOM元素集合却要使用toArray方法?1$(&
阅读全文
摘要：http://www.cnblogs.com/snandy/archive/2011/06/07/2071988.html前面提到jQuery库如何通过其中的jQuery.extend及jQuery.fn.extend去扩展自身的。第三篇给zChain.js添加了常用选择器，但目前为止zChain.js仍然做不了任何事情。jQuery的操作往往是分两步1，获取元素集合(选择器)2，操作元素集合而第二步操作元素集合的主要方法就是jQuery.each。查看源码，我们发现jQuery.each及this.each分别调用了27次和31次。可见它是多么的重要。这篇将分析下jQuery.each及th
阅读全文
摘要：前面两篇已经道明了jQuery的核心框架。弄清楚了jQuery对象的组成，以及如何用extend方法来扩展库。链式操作也仅仅是方法体内返回this。为了叙述每一篇的重点，其示例代码都是最精简的，比如选择器只能传HTMLElement和id。这篇我们增强下选择器，依据2/8原则，这里仅实现最常用的几种。1, 通过id获取,该元素是唯一的?1$('#id')2, 通过className获取?123456$('.cls') // 获取文档中所有className为cls的元素$('.cls', el)$('.cls', '#id
阅读全文
摘要：jQuery为开发插件提拱了两个方法，分别是：jQuery.fn.extend(object); 和 jQuery.extend(object);jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。fn 是什么东西呢。查看jQuery代码，就不难发现。jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//…. //…… };原来 jQuery.fn = jQuery.protot...
阅读全文
摘要：JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构，可以如下使用： var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数
阅读全文
浙公网安备 33010602011771号