jQuery基础教程笔记适合js新手第1/2页
2024-05-06 14:17:42
供稿：网友
1, ：eq()和nth-child()
看下面代码：
<SCRIPT LANGUAGE="JavaScript">
$(function(){
$("#selected-plays > li:eq(1)").addClass("a");
//等价于 $("#selected-plays > li:nth-child(2)").addClass("a");
//注意：js数组是从 0 开始的，所以eq（1）是取第二个元素。
//而css选择器:nth-child（）是从 1 开始的， 所以要选择第二个元素， 得使用 :nth-child(2) ，而不是:nth-child(1)。
})
</SCRIPT>
2，:odd 和 :even
:odd : 奇数行
:even : 偶数行
新手经常会说，好像跟我们做的相反？
其实与 :eq() 选择器一样， 下标都是从 0开始的，
也就是 表格的第一行 编号是 0 （偶数）；
第二行 编号是 1 （奇数）；以此类推。。。
3, $("tr:odd").addClass()
可以写成 $("tr").filter(":odd").addClass()
4，$('td:contains("cssrain")') //取得 包含 字符串 cssrain 的所有td
5，jquery 转 dom ：
$("td").get(0).tagName 或 $("td")[0].tagName
6，load():
jquery中的load（）有2层意思，
第一层 意思 可以等价于 dom中 window.onload
第二层 意思 可以load（url ）。
7：ready简写：
1;
$(document).ready(function(){
//do something
})
2;
$().ready(function(){
//do something
})
3;
$(function(){
//do something
})
8，事件冒泡：
正常的来说：点击B 会触发a的click。
如果我们不想触发A，可以用stopPropagation() 阻止冒泡.
具体例子：
<div id="a">aaaaaaa
<div id="b">bbbbbbbb</div>
aaaaaa</div>
<script src="jquery.js" type="text/javascript"></script>
<SCRIPT LANGUAGE="JavaScript">
$(function(){
$('#a').click(function(){
alert("A")
})
$('#b').click(function(e){
alert("B")
e.stopPropagation();//阻止冒泡， 从来不输出 “A" 。 可以去掉 ，试试对比效果。
})
})
</SCRIPT>
9, hide()show()会记住上一次的dipslay状态
<script src="jquery.js" type="text/javascript"></script>
<SCRIPT LANGUAGE="JavaScript">
$(function(){
$('#test').toggle(function(){
$('#a').hide();//display : none ，记住display 为 inline
