php程序员的笔记

  • 网站首页
  • PHP笔记
    • 字符串处理
    • php函数总结
    • 正则表达式
    • 模板框架使用
    • 我的网站模板笔记
    • Ecshop二次开发笔记
    • php源码下载
  • 数据库教程
    • MySQL数据库
    • MongoDB
    • Access数据库
    • Redis
  • JavaScript教程
    • Jquery基础
    • Jquery特效
    • JS常用函数
    • 开源插件开发
    • 谷歌地图开发
  • HTML教程
    • DIV+CSS技术篇
    • 网站优化笔记
    • HTML5 技术
  • 操作系统技巧
    • windows 7系统篇
    • Linux操作系统篇
    • 服务器
  • 互联网资讯
    • 生活杂侃
php程序员的笔记 -> JavaScript教程 -> Jquery基础 -> jQuery操作同组元素的第N个元素的方法

jQuery操作同组元素的第N个元素的方法

jquery操作同组元素的第N个元素的方法。举例如下:

在 class="phpernote" 下有 3个 ul,现在希望给每个ul下的第5个li元素添加 class="com"

具体jQuery代码:

$(".phpernote ul li:nth-child(5)").addClass("com");

已经成功给每个ul下的第5个li添加class为com

当然,也可以直接添加 CSS 代码:

$(".phpernote ul li:nth-child(5)").css({"padding-right":"5px"});

nth-child:英文中的缩写,n-th,表示第几个,1,2,3分别用 first、second、third 单词,从4开始便为数字的单词+th,如4th、5th、6th等等

获取ul下的第一个li

$("ul li:first-child")

获取ul下的最后一个li

$("ul li:last-child")

您可能感兴趣的文章

  • php如何删除数组的第一个元素和最后一个元素
  • Linux操作系统应用的八个经典技巧
  • jquery 如何操作iframe父级页面的元素
  • MySQL索引操作命令(创建索引、重建索引、查询索引、删除索引)总结
  • js插入元素到body元素最前面的办法
  • js获取数组的最后一个元素
  • jquery 获取当前元素在同辈元素中的索引号
  • js实现点击enter键光标移到下一个输入框效果
转载请注明出处:php程序员的笔记
本文永久地址:http://www.phpernote.com/jquery/1030.html
发布时间:2014 年 07 月 01 日 22 时 50 分 26 秒     文章来源:-わ千与千寻
上一篇:mysql explain命令详细分析
下一篇:快速查找并删除页面多余的CSS代码(Dust-Me Selectors的用法)
热门文章
  • Jquery中$.post和$.ajax的用法分析
  • JavaScript和Jquery动态加载Js文件和Css文件
  • Jquery等待ajax执行完毕再继续执行下面代码的效果
  • jquery 模拟鼠标点击事件
  • jquery 获取当前元素在同辈元素中的索引号
  • jquery获取同辈元素集合,jquery siblings 用法总结
随机文章
  • thinkphp更新数据库的五种方法
  • jquery技巧总结
  • jQuery性能优化指南(1)
  • jQuery 选择器用法大总结
  • jquery插件开发方法分享
  • jquery获取checkbox的attr(checked)一直为undefined问题的解决办法
  • 周热门文章
    • jQuery select下拉框操作(增加,删除,修改)整理
    • jquery 获取checkbox的选中值(一组和单个)
    • jquery getJSON ($.getJSON) 事件用法与分析
    • jquery get ($.get) 事件用法与分析
    • jQuery向动态生成的内容添加事件响应(jquery live方法简介)
    • JQuery 获取页面关闭事件
    • jQuery 1.9使用$.support替代$.browser方法
    • Uploadify(JQuery上传插件)使用配置详解
    • js报TypeError $(...) is null错误,jquery失效的原因及解决办法
    • $.ajax用法与举例

All rights reserved. Design by -わ千与千寻.  京ICP备16025782号-1网站地图  友情连接有话要说私人建站招募投稿  广告服务  互联网工具大全