工厂函数$()
标签名:$('p') 取得文档中所有P标签的段落;
ID:$('#some-id')取得文档中对应id=some_id的元素;
类:$('.some-class')取得文档中对应class=some-class的元素。
CSS选择符
$(document).ready(function(){$('#some-id > li').addClass('some-class');});
为文档中id=some-id元素的子元素(>)中所有的li列表项添加class='some-class'的属性;
$(document).ready(function(){$('#some-id li:not(.some-class)').addClass('some-other-class');});
为文档中id=some-id元素下所有后代元素中class!=some-class的li标签添加class='some-other-class'属性;
XPath选择符
$('a[@title]')选择所有带title属性的链接;
$('div[ol]')取得包含一个ol元素的所有div元素;
$('a[@href^="mailto:"]').addClass('1class');为以mailto:开头的链接添加1class属性;
$('a[@href$=".pdf"]').addClass('2class');为以.pdf结尾的链接添加2class属性;
$('a[@href*="mysite.com"]').addClass('3class');为包含mysite.com的链接添加3class属性
JQuery自定义选择符
:odd $('tr:odd') tr奇数行
:even $('tr:even') tr偶数行
:contains $('td:contains("some")') td中包含some字符的元素
DOM遍历方法
$('td:contains("f")') // 取得包含"f"的所有单元格
.parent() // 取得它的父元素
.find('td:eq(1)') // 在父元素中查找第2个单元格
.addClass('class1') // 为单元格添加class1属性
.end() // 恢复到包含"f"的单元格父元素
.find('td:eq(2)') // 在父元素中查找第3个单元格
.addClass('class2') // 添加class2属性
分享到:
相关推荐
jquery基础教程中文版2015
jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记
jquery基础教程第四版源码,帮助学习jquery
《jQuery基础教程(第4版)》是jQuery经典技术教程的最新升级版,涵盖jQuery 1.10.x和jQuery 2.0.x。本书前6章以通俗易懂的方式讲解了jQuery的核心组件,包括jQuery的选择符、事件、动画、DOM操作、Ajax支持等。第7...
jQuery基础教程(第四版)中文pdf版+配套源码
jQuery基础教程第5章中文版,经典的jQuery学习丛书
jQuery基础教程(第二版)源码
jQuery基础教程(第四版)中文 jQuery基础教程(第四版)中文 jQuery基础教程(第四版)中文 jQuery基础教程(第四版)中文 jQuery基础教程(第四版)中文
详细的jquery基础知识总结 jQuery
jQuery基础入门pp