随笔分类 -  Javascript

js阻止冒泡事件及默认操作
摘要：1. 事件目标现在，事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的，但是没有被所有浏览器实现 。jQuery对这个事件对象进行了必要的扩展，从而在任何浏览器中都能够使用这个属性。通过.target，可以确定DOM中首先接收到事件的元素（即实际被单击的元素）。而且，我们知道this引用的是处理事件的DOM元素，所以可以编写下列代码：// 修改前$('#switcher').click(function(event){ $('#switcher .button').toggleC 阅读全文
posted @ 2014-01-17 10:55 TobyDev 阅读(1413) 评论(0) 推荐(0)
js中this的用法
摘要：this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。1、纯粹函数调用。function test() { this.x = 1; alert(x);}test();其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。var x = 1;function test() { alert(this.x);}test();//1var x = 1;function test() { this.x = 0;}test();alert(x);//02、作为方法... 阅读全文
posted @ 2013-01-30 14:44 TobyDev 阅读(161) 评论(0) 推荐(0)
jquery dialog介绍
摘要：1 属性1.11 autoOpen ，这个属性为true的时候dialog被调用的时候自动打开dialog窗口。当属性为false的时候，一开始隐藏窗口，知道.dialog("open")的时候才弹出dialog窗口。默认为：true。1.12 初始化例：请注意，$('.selector')是dialog 的类名，在本例中.selector=#dialoag,以后不再说明。$('.selector').dialog({ autoOpen: false });1.13 初始化后，得到和设置此属性例：//获得var autoOpen = $(&# 阅读全文
posted @ 2012-09-12 11:13 TobyDev 阅读(292) 评论(0) 推荐(0)
JQueryUI datepicker 的用法
摘要：jQuery UI很强大，其中的日期选择插件Datepicker是一个配置灵活的插件，我们可以自定义其展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。官方地址：http://docs.jquery.com/UI/Datepicker，官方示例： http://jqueryui.com/demos/datepicker/。一个不错的地址，用来DIY jQuery UI界面效果的站点http://jqueryui.com/themeroller/DatePicker基本使用方法： 1 <!DOCTYPE html> 2 <html> 3 < 阅读全文
posted @ 2012-08-06 09:26 TobyDev 阅读(390) 评论(0) 推荐(0)