- 博客(40)
- 收藏
- 关注
原创 css:漂亮的水晶按钮
.button { border-radius: 5px; background-color: #F9F9F9; background: linear-gradient(to bottom,#ffffff 50%,#f3f3f3 50%); border: 1px solid #D8D8D8; text-decoration: none;}
2014-06-07 15:45:10
1832
翻译 (更新)knockout.js学习——1.8例子——绑定的详细语法
knockout.js1、click如果应用于a标签,会阻止a的默认href动作。如果需要保持href,则在click事件后面加上return true。clickBubble:false阻止冒泡。event:data-bind="event:{mouseover:,mouseout:}"加上类名:data-bind="css:{'classname':show
2014-05-29 16:30:46
4704
1
原创 kockout.js的viewmodel对象的属性,在javascript中调用的两种写法
第一种: var viewModel = { countNumber: ko.observable(0) }; viewModel.addCount = function () { var cn = viewModel.countNumber(); vi
2014-05-27 16:05:13
885
翻译 (更新)knockout.js学习——1.7例子——绑定的详细语法
创建自定义模板1、注册绑定添加子属性到ko.bindingHandlers.yourBindingName ={};注册绑定。init和update可以只定义其中一个。(1)初始化:init // 建立初始化状态,事件处理等等(2)更新:update // 无论何时相关联的observable改变value
2014-05-27 15:34:26
2493
转载 (更新)knockout.js学习——1.6例子
模板绑定: 1、在要写的div中用绑定data-bind="template:'scriptId'"绑定模板的ID。注意加上单引号。 对应在script的标签中写 在html中只写外层div,里面的循环显示部分放在script中显示。在html的div中写了内容也会被覆盖掉。 2、对实例化对象的每一个进行排查放入div中,用{{each pe
2014-05-22 13:30:59
706
转载 (更新)knockout.js学习——1.5例子
分析:在类中 1、把一个字符串转化为一个数字进行计数:parseInt(string) 2、在script中在类里面引用自己的属性函数时,需要带上括号,如parseInt(this.inputValue()); 3、在初始化定义了ko.observable之后,在后续步骤中引用不需要加上ko.observable()直接用该属性。 4、在push的过程,th
2014-05-22 13:27:14
717
转载 (更新)knockout.js学习——1.3例子——绑定的详细语法
一、value 绑定value绑定是关联DOM元素的值到view model的属性上。主要是用在表单控件,和上。当用户编辑表单控件的时候, view model对应的属性值会自动更新。同样,当你更新view model属性的时候,相对应的元素值在页面上也会自动更新。注:如果你在checkbox或者radio button上使用checked绑定来读取或者写入元素的 chec
2014-05-08 14:24:48
1076
转载 (更新)knockout.js学习——1.1例子——绑定的详细语法
eg1: today message: 0"> 价格: // 1、声明数据 var viewModel = { chosenMeal: ko.observable("hi"), price: ko.observable(
2014-05-07 17:47:49
671
转载 javascript学习——对象
转载。ECMAscript 说明文档对这门语言的定义是“一门适于在宿主环境中执行计算及操作计算对象的面向对象的编程语言”。简单的说,JavaScript是一门面向对象(OO)的语言。面向对象讲究的是专注于对象本身——它们的结构,它们互相间是如何影响的。因为面向对象编程本身已经超出了本书的叙述范围,所以我们在本章所谈的只是 JavsScript 自身在面向对象方面的那些特
2014-05-06 16:44:02
644
转载 knockout.js表格删除增加行,计算总金额实例
.con { width: 600px; margin: 100px auto; } table { width: 100%; border-collapse: collapse;
2014-05-05 14:45:47
3756
转载 knockout js——学习1.0
Knockout是构建在3个核心的特性上的:监控属性(Observables)和依赖跟踪(Dependency tracking)声明式绑定(Declarative bindings)模版(Declarative bindings)
2014-05-05 10:54:56
1001
转载 $this = this;
$("#btn").click(function(){ var _this = this;//这里this和_this都代表了"#btn"这个对象 $(".tr").each(function(){ this;//在这里this代表的是每个遍历到的".tr"对象 _this;//仍代表"#btn"对象 })})这种情
2014-05-04 13:48:08
524
原创 knockOutJs学习-2
1\function SeatReservation(name, initialMeal) { var self = this; self.name = name; self.meal = ko.observable(initialMeal); // 说明 meal 是动态ba}
2014-04-28 17:55:42
486
转载 $.fn学习(1)
1.jquery自定义了 jQuery.extend()和jQuery.fn.extend()方法,其中,jQuery.extend()方法能够创建全局函数或者选择器,而jQuery.fn.extend()能够创建jQuery对象方法。在这里啰嗦讲下:这2个方法,都包含一个参数,改参数仅接受名/值对结构的对象,其中名表示函数或方法名,而值表示函数体。
2014-04-18 17:31:03
542
转载 简单的jquery插件编写:table换行颜色变化
一、开始编写插件:(转载)1、结构:(function($){})(jQuery); 或$(fn) 或$(function(){}); // 等价于$(document).ready(function){});(function($){})(jQuery);2、插件的定义:$.fn.插件名 = function(){} 函数中为插件的各种属性、参数(function
2014-04-18 16:06:11
720
原创 jquery:attr(),siblings(),find(),index(),$.each()
1、$.attr()设置或返回被选元素的属性值。eg: $
2014-04-16 16:52:57
3832
转载 jquery:$.on(event,[selector],[data],fn)
1、$.on()在选择元素上绑定一个或多个事件的事件处理函数。on
2014-04-15 18:10:56
2455
1
原创 javascript:关于window.event和e
function OnKeyUp(_e) // 释放按键事件处理程序{var e = _e?_e:window.event; // 获取有效的事件对象if( event.keyCode == 13 ) // 按下的是否是回车键{alert( "您输入的内容是:"+Text1.value ); // 将文本框中的内容显示在消息框中}}这里的var e
2014-04-15 17:19:24
637
转载 javascript:namespace
(function(){ function $(id){ return document.getElementById(id); } function alertNodeName(id){ alert($(id).nodeName); } })(); 使用这种伪命名空间可以封装并保护自己的所有函
2014-04-15 15:26:05
441
原创 CSS-制作三角形
.icon { display: inline-block; border-color: gray border-width: 7px 5px 0 5px; _border-left-color: #FFF; _border-right-color: #FFF; border-style: solid; line-height:
2014-04-11 13:52:53
434
原创 jquery-插件-$(this)和this
简单例子: (function ($) { $.fn.myPlugin = function () { this.fadeOut('normal'); } })(jQuery); $(document).ready(function ()
2014-04-10 16:20:39
559
原创 关于box-shaddow 和gradient,颜色rgba的表示方法
1、box-shaddowbox-shaddow:10px 10px 10px #666;
2014-04-09 11:59:37
790
原创 jquery:关于$().css("left","")的设置;offset();offset().left();$.width();$.outerWidth();
问题:$().css("left",fLeft) 弹出取值为auto,无法设置。改为:$("#lPhoto").css("left", fLeft).fadeIn(500); left起作用。
2014-03-13 14:57:09
7275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人