jquery学习笔记 二

8.8 输入掩码

 

1）以前我们是通过单元格在表格中的索引来查找列中的单元格，这里将使用增加html的复杂度，来简化javascript代码，每个单元格有了标识的类之后，选择单元格就会变的很简单了

 

2）输入掩码是在用户填写内容的同时应用标准，并简单的禁止无效的按键操作

 

3）keypress：执行的是按下键盘的事件

 

4）event.keyCode：keyCdoe是event对象的一个属性，用于获得目标对象所按下的键盘键值，firfox中是charCode

 

5）使用ie和firfox兼容的一种写法是 var obj = event.keyCode ? event.keyCode : event.charCode

 

8.9 数值计算

 

1）parseInt：返回字符串中含有数值的部分，parseInt('dd')返回的是NaN ，parseInt('q3e')返回的是NaN  paresInt('3.3dd')返回的是3

 

2）input的type为text的取其值是val()，没有input标签的也就是说是正常的元素标签下面的得到的文本是用text();

 

3）js中精确保留小数点的写法,math.round(a*b*100)/100 如果保留两位就除以100，三位就是除以1000，这里是防止出现无限循环的小数，由于没有精确的保留小数点的，所以采用变相的写法，math.round()是精确保留整数

     而math.ceil() 大于其数字参数的最小整数，例如math.ceil('3.2') 返回的就是4 math.round('3.2')返回的就是3，同样这两个方法都是要舍掉小数位的，如果要想保留小数位的方法就同math.round是一样的方式

 

4）isNaN(a)：用来判断得到a的值是不是保留值 NaN (不是数字) 例如parseFloat('af11')返回的就是NaN这个表示不是数字的含义

 

5）.toFixed()：用于返回小数位的四舍五入，例如：5.36.toFixed(1) 返回的就是5.3

 

6）$('input').change(function(){alert('aa')});这个就相当于<input type='text' onchange="alert('aa')"

 

8.10

 

1) $('<th>&nbsp</th>').insertAfter('#cart thead th:nth-child(2)') 这句话的含义是将th标签插入到thead标签下面的第二个th子元素的后面

 

2）$('#cart tbody tr:visible:even').removeClass("odd")：这里面的visible是相对于有hide()的情况而言的tr:冒号后面都是一些限制的条件，：nth-child(1)

 

8.11 没有看

 

第九章 滑移和反转

 

9.1 标题反转效果

 

1）有关样式的控制参看示例或书上的148页

 

2）使用$.get('a.xml',function(){})的方式在ie中读取xml文件是不好用的，还没有解决掉

 

3）jquery中应用xml的实例

 

4）将a元素包装到h3元素当中，就是先生成一个元素后插入到一个元素中  9.1.2

 

5）.html()的用法

 

6）.lenght：取得当前匹配的元素的数量，例如$('div.a').length 就是获得class为a的div的个数

 

7）在多个相同条件的数组中，循环符合条件元素的算法，参见实例45页

 

8）clearTimeout(a) 清楚计时器 a就是a=setTimeOut();这个函数，要想再执行就重新调用a

 

9）计时器的判断条件没有想清楚！！！

 

10）9.1.6 是控制在ajax得到放回之前使用的语句是ajaxStart(),和ajaxStop()

 

11）9.1.7 的效果没有实现！！！

 

9.2 图像传送带

 

1）position的两个重要的属性absolute和relative的使用

 

2）eq()的使用，关于设置子元素的方法

 

3）event.preventDefault() 的使用，去掉默认的操作

 

4）实际上移动的效果就是对eq的一种操作只要把它设置好就可以了

 

5）增加新的标签元素的四个步骤  $('<img />').attr('href','').addClass('classname').css('value')

 

6）z-index的使用，css , left , top

 

9.3 放大图片

 

1）one()方法的使用并和bind()的性能上的区别

 

2）文本元素的提取和添加

 

3）得到元素标签的写法 get();

 

4）offsetParent offsetLeft  offsetTop的使用，参见例子和博客

     http://blogger.org.cn/blog/more.asp?name=file163&id=19963

 

5）9.3.3-2没有看

 

第十章 插件

 

10.1 使用插件

 

1）dimensions已经加入到jquery的内核了，不用单独使用插件文件了

 

2）dimensions的使用 189

 

10.3 查找插件文档

 

10.4 开发新插件

 

1）全局函数：实际上就是jquery的方法

 

2）具体的操作参见示例

 

3）对象方法环境，如果JQuery选择符可能会匹配一个或多个元素，就要使用each()方法产生隐形迭代，然后使用this依稀调用符合条件的元素，可使用this[0]来确定每一个元素

 

4）a.push(b)

 

5）$.unique(array)：过滤掉数组中重复的元素，例子中没有能明白

 

6）setArray()

 

7）extend()：方法是一种继承机制，有关内容可上网搜索

 

8）.pushStack(array)：pushStack方法会创建一个新的jQuery对象，而不是修改旧的

 

10.4.4 添加新的简写方法

 

参见书

 

10.4.5 维护多事件日志

以后的内容参见示例和书

 

编写jquery插件应该注意的事项在最后 211-212页

 

sina

email

 

1 .blur(function(){})：失去焦点是调用的函数

 

 

 

 

 

 

 

 

评论

1 楼 ihqn19 2011-11-08  

好东西，我正好看到这一章，书上写得不明不白。一看你这个就懂了好多。