这节课讲的是jquery的基本知识点,可以通过API详细过一边。
这边提供一些老师上课有收获的东西。
- 位置选择器
$("p:eq(0)") - 筛选
$("p").eq(0)
二者的关系注意到了没有,一个是在括号里面,一个在括号外面,这是要注意。之前学习的时候没有注意到这些。
nth-child
是从1开始的eq()
是从0开始的Dom对象
$(this).get(0) 与 $(this)[0]等价-
get([index])
. [index]Number取得第 index 个位置上的元素 2. get()取得所有匹配的 DOM 元素集合。
map
将一组元素转换成其他数组(不论是否是元素数组)
你可以用这个函数来建立一个列表,不论是值、属性还是CSS样式,或者其他特别形式。这都可以用'$.map()'来方便的建立。
$("p").map(function(index){
var content =$(this).text();
}).get().join("|"); //wrap
把所有匹配的元素用其他元素的结构化标记包裹起来。
把所有的段落用一个新创建的div包裹起来
jQuery 代码:
$("p").wrap("<div class='wrap'></div>");
- filter
$("p").filter(function (){
var content=$(this).text();//这里的this指的是“p”
if(content.length <=4 &&content.indexOf("a")!=-1)
return true;
else
return false;
}).css("color","red");
疑问?这个true和false的神秘功能,为什么页面知道返回true和false他们的具体意思呢?
我猜true就代表肯定的意思。告诉浏览器,这个东西我要了。请保留下来。
false就是不要的意思。请去除掉。