本文的例子讲述了jQuery选择器选择最后一个元素和倒数第二个元素的操作。分享给大家参考,如下:
HTML部分:
p元素1/p元素2/p元素3/p元素4/p元素5/p/div取倒数第二个p元素
$('div p ')。等式(-2)取最后一个p元素
$('div p ')。最后()完整的测试样本代码如下:
!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8 '/title www.jb51.net jquery选择器/title style . red { color 3360 # ff 0000;}.蓝色{ color: # 0000FF}/style/head dyscript src=' http :http://libs . Baidu.com/jquery/2 . 0 . 0/jquery . min . js '/script script type=' text/JavaScript ' $(文档)。ready(function(){$('div p ')。等式(-2)。addClass('红色');//倒数第二个p元素$ ('div p ')。最后()。addclass('蓝色');//最后一个p元素});/scriptdiv p元素1/p p元素2/p p元素3/p p元素4/p p元素5/p/div/body/html在这里,在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试可以得到如下运行结果:
更多对jQuery感兴趣的读者可以查看本网站的主题:《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》和《jquery选择器用法总结》
希望本文对大家的jQuery程序设计有所帮助。