2008年8月5日星期二

$()_jquery

$(document).ready() 这个不用说了,地球人都知道。就是预定DOM加载完后(不需要等待图片加载完成),触发的函数调用

工厂函数$()
功能:自动循环遍历DOM
格式:
1.标签名:例如$(’p')
2.ID:例如$(’#aa’)
3.类:例如$(’.abb’)

实例:
$(’#aa>li’)选择ID为aa下面的所有li
$(’#bb li:not(.cc)’) 选择ID为bb下类不为CC的所有li

1. $(document).ready(function(){
2. $('tr:odd').addClass('odd');//表格的奇数行
3. $('tr:even').addClass('even\');//表格的偶数行
4. $('td:contains("abc")').addClass('abc');//表格内容中含有abc的表格
5. });

选择:
$(’td:contains(”abc”)’).next() 取得最接近的下一个同辈元素
$(’td:contains(”abc”)’).siblings()取得该单元格的所有同辈元素
$(’td:contains(”abc”)’).parent().find(’td:gt(0)’)取得包含abc的单元格的父元素,再找到该元素中包含的所有编号大于0的单元格
$(’td:contains(”abc”)’).parent().find.(’td’).not(’:cpmtains(”abc”)’)

连缀

1. $('td:contains("abc")')//取得所有包含abc的单元格
2. .parent() //取得它的父元素
3. .find('td:eq(1)') //在父元素中查找第2个单元格
4. .addClass('ccc') //为该单元格添加ccc类
5. .end() //恢复到父元素
6. .find('td:eq(2)') //在父元素中查找第3个单元格
7. .addClass('ccc') //为该单元格添加ccc类

直接访问DOM元素

1. var myTag=$('#my-element').get(0).tagName;//可简写成$('#my-element')[0].tagName

没有评论: