“哎~~~~不学js怎么能搞web开发”,最近对这点深有感触。
于是,求教于大牛,遂得宝书一本,名曰“JQuery: Novice to Ninja”。
寒假前看完吧,并且总结之前经验,觉得就是少了些记录。于是,决定写下笔记。
因为之前,还是学过一丢丢js,css,html等。所以,看起来还行。
目前看到第二章——“Selecting, Decorating, and Enhancing”
讲讲个人的心得吧:
一,选择器,过滤器
这点很重要!而且,书中还强调了一点更重要的,就是“Making Sure the Page Is Ready”
如何ready呢?代码如下:
$(document).ready(function() {
alert('Welcome to StarTrackr! Now no longer under police ...');
});
ok,如果你alert成功了,那么恭喜你,我们可以继续学选择器了。
就像这句话一样“Selecting: The Core of jQuery”,选择器是jQuery的核心。
主要有以下两种写法:
1. jQuery(<selectors go here>)
2. $(<selectors go here>)
一般说来呢,这两种效果是相同的。所以,图简便的话或者一般的话就用“$”那种方法。但特殊情况,防止$与别的东西冲突,也可以使用第一种方法。
简单的选择方法是这样的:
1. $('tagName') tagName是例如tr,td等标签名
2. $('.className') className是标签中定义的‘class’属性的名称
3. $('#idName') idName是标签中定义的'id'属性的名称
很好记的,那么如何进行复杂的选择呢,毕竟class和tag选择可以选中的是所有符合规定的标签。
jQuery中是这么来的:“put a space between the ancestor and the descendant”
也就是说,可以通过层层选择,找到你要的标签,如:
我想定位到一个id为city的表格中的tr标签,那么可以通过$('#city tr')来完成。
接下来是,过滤器,
如我想选中一个id为city的table中偶数编号的tr,需要这么做:$('#city tr:even')
类似的过滤器还有odd(奇数),first,last,还有eq()用来定位知道编号的标签。
还有not()!