JQuery 学习笔记 $()工厂函数 $('p') //选中所有html标签为p的对象<p></p> $('#some-id') //document.getElementById('some-id') $('.some-class') //选中所有class=some-class的对象 $(document).ready(function(){ //JQuery代码段 }); $('#selectedplays > li').addClass('horizontal'); getElementById('selectedplays')里面的所有<li>标签<li class='horizontal'> $('#selectedplays li:not(.horizontal)').addClass('sub-level'); getElementById('selectedplays')里面的所有<li>标签class不等于horizontal的对象class=sub-level $('a[@href^="mailto:"]') //所有a标签的对象包含href="mailto:"属性为mailto:开头的对象 (^)开始($)结束(*)任意位置 $('a[@href^="mailto:"]').addClass('mailto') $('a[@href$=".pdf"]').addClass('pdflink') $('a[@href*="mysite.com"]').addClass('mysite') $('li.horizontal:eq(1)').addClass('sub-level') 所有<li class="horizontal">中第2个对象(数组下标0开始)<li class="horizontal sublevel"> $('tr:odd').addClass('odd'); //偶数行 $('tr:even').addClass('even'); //奇数行 $('td:contains("Henry")').addClass('highlight'); //所有内容包含Henry的td标签 $('th:parent').addClass('table-heading'); 所有th标签的父对象 $('tr:not([th]):even').addClass('even'); //所有tr标签中不包含标签为th的对象 奇数行 增加Class="even" $('tr:not([th]):odd').addClass('odd'); //所有tr标签中不包含标签为th的对象 偶数行 增加Class="even" $('td:contains("Henry")').next().addClass('highlight'); //所有内容包含Henry的td标签的下一个对象 $('td:contains("Henry")').parent().find('td:gt(0)').addClass('highlight'); 所有内容包含Henry的td标签的父对象中查找td对象大于0的对象 $('#myelement').get(0).tagName id=myelement的对象,第一个对象的tagName